2.4.11 隠されないフォーカス（最低限）

よくあるパターン
フォーカス→吸着ヘッダーの背面までスクロール→次のフォーカスが隠れたまま

JSでフォーカス時にヘッダーを避けるような処理をする。
例
```
let headerHeight = 0;

const header = document.querySelector('header');
const resizeObserver = new ResizeObserver(entries => {
for (const entry of entries) {
headerHeight = entry.borderBoxSize[0].blockSize;
}
});

if (header) {
resizeObserver.observe(header);
headerHeight = header.offsetHeight;
}

document.addEventListener('focus', (event) => {
const rect = event.target.getBoundingClientRect();

if (rect.top < headerHeight || rect.bottom > window.innerHeight) {
window.scrollTo({
top: window.pageYOffset + rect.top - headerHeight - 20,
behavior: 'smooth'
});
}
}, true);
```