diff --git a/CHANGELOG.md b/CHANGELOG.md index 3812c1d5..7dad887f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -35,6 +35,7 @@ and this project adheres to - ⬆️(frontend) upgrade Next.js to v16 #1980 - ♿️(frontend) fix aria-label and landmark on document banner state #1986 - 🌐(i18n) add "new window" translation key for waffle aria-label #1984 +- ♿️(frontend) ensure doc title is h1 for accessibility #2006 ### Fixed diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx index 0ff9c6d9..8bd28170 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx @@ -43,7 +43,7 @@ export const DocTitleText = () => { return ( @@ -168,37 +168,39 @@ const DocTitleInput = ({ doc }: DocTitleProps) => { {!isTopRoot && } - - handleTitleSubmit(event.target.textContent || '') - } - $padding={{ right: 'big' }} - $css={css` - &[contenteditable='true']:empty:not(:focus):before { - content: '${untitledDocument}'; - color: var( - --c--contextuals--content--semantic--neutral--tertiary - ); - pointer-events: none; - font-style: italic; + + + handleTitleSubmit(event.target.textContent || '') } - font-size: ${isDesktop - ? css`var(--c--globals--font--sizes--h2)` - : css`var(--c--globals--font--sizes--sm)`}; - font-weight: 700; - outline: none; - `} - > - {titleDisplay} + $padding={{ right: 'big' }} + $css={css` + &[contenteditable='true']:empty:not(:focus):before { + content: '${untitledDocument}'; + color: var( + --c--contextuals--content--semantic--neutral--tertiary + ); + pointer-events: none; + font-style: italic; + } + font-size: ${isDesktop + ? css`var(--c--globals--font--sizes--h2)` + : css`var(--c--globals--font--sizes--sm)`}; + font-weight: 700; + outline: none; + `} + > + {titleDisplay} +