横書きよりも縦書きのほうが速く読めると思う。異論は認める。
任意のページのコンテンツを縦書き表示するスクリプトを書いた。
↓をURLとしてブックマークに登録して表示したいページでクリックし、縦書き表示したい領域をクリックすると縦書きになる。縦書き表示はESCで閉じる。
javascript:(function(){function tategaki(e) {e.stopPropagation();console.log(e.currentTarget);const dialog = document.createElement('dialog');dialog.id="tategakimodal";dialog.style.writingMode='vertical-rl';dialog.style.textOrientation='mixed';dialog.style.background='#f5f1e8';dialog.style.width='90vw';dialog.style.height='90vh';dialog.style.overflowX='scroll';dialog.style.scrollbarColor='white #f5f1e8';dialog.style.position='relative';dialog.style.margin='auto';dialog.style.padding='initial';const wrapper = document.createElement('article');wrapper.style.writingMode='vertical-rl';wrapper.style.textOrientation='mixed';wrapper.style.height='45em';wrapper.style.background='#f5f1e8';wrapper.style.padding='2em';wrapper.style.position='absolute';wrapper.style.top='50%';wrapper.style.marginTop='-22.5em';wrapper.style.fontFamily='serif';for(const src of e.currentTarget.querySelectorAll('p,img,h1,h2,h3,h4,h5,h6')) { const el = src.cloneNode(true); el.className=''; wrapper.appendChild(el);}dialog.appendChild(wrapper);const style = document.createElement('style');style.innerHTML = %60#tategakimodal p::before {content: ' ';display: inline-block;width: 1em;height: 1em;}#tategakimodal p {font-size: 20px;line-height: 1.8em;margin-left: 0.5em;}#tategakimodal img {margin-left: 0.5em;}#tategakimodal::backdrop {background:#f5f1e8;}%60;dialog.appendChild(style);dialog.addEventListener('close', () => dialog.remove());document.body.appendChild(dialog);dialog.showModal();dialog.scroll(0,0);}for(const el of document.querySelectorAll('#main, main, [role="main"] section, article')) el.addEventListener('click',tategaki);}())h{1-6}とp、imgタグだけ抽出して縦書き表示する。
コードが書いてあるページは縦書きにしても読みにくいだけろうし、このタグで十分でしょう。