diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx index e23c51f0..6017772a 100644 --- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx +++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx @@ -54,6 +54,9 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => { $css={css` flex: ${flexLeft}; align-items: center; + &:focus { + outline: 2px solidrgb(33, 34, 82); + } `} href={`/docs/${doc.id}`} > @@ -79,7 +82,11 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => { > + {isPublic ? t('Accessible to anyone') : t('Accessible to authenticated users')} @@ -87,12 +94,17 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => { } placement="top" > -
+
diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItemSharedButton.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItemSharedButton.tsx index 8727602d..c4430139 100644 --- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItemSharedButton.tsx +++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItemSharedButton.tsx @@ -9,6 +9,7 @@ type Props = { doc: Doc; handleClick: () => void; }; + export const DocsGridItemSharedButton = ({ doc, handleClick }: Props) => { const { t } = useTranslation(); const sharedCount = doc.nb_accesses; @@ -18,11 +19,15 @@ export const DocsGridItemSharedButton = ({ doc, handleClick }: Props) => { return  ; } + const tooltipContent = t('Shared with {{count}} users', { + count: sharedCount, + }); + return ( - {t('Shared with {{count}} users', { count: sharedCount })} + + {tooltipContent} } placement="top" @@ -36,8 +41,14 @@ export const DocsGridItemSharedButton = ({ doc, handleClick }: Props) => { }} color="tertiary" size="nano" - icon={} + aria-label={tooltipContent} // Lecture directe pour les lecteurs d'écran > + diff --git a/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx b/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx index 03fb9876..09b45fbd 100644 --- a/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx +++ b/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx @@ -52,6 +52,7 @@ export const LeftPanelTargetFilters = () => { return ( { return ( onSelectQuery(query.targetQuery)} $direction="row" @@ -80,6 +81,9 @@ export const LeftPanelTargetFilters = () => { &:hover { background-color: ${colors['greyscale-100']}; } + &:focus { + outline: 2px solid #007aff; + } `} >