a11y: corrections accessibilité WCAG 2.1 (critères 4.1.2, 4.1.3, 1.3.1)
sign.js : - aria-label sur les 4 Fab (Se déconnecter, dashboard, Se connecter, S'enregistrer) - Correction des guillemets typographiques U+2018/U+2019 en ASCII (empêchaient le parsing JSX) - Suppression de useMemo inutilisé - IIFE async ;() → startSubscription() nommée + .catch() explicite (semi-style + no-void) auth-form/index.js : - aria-label des IconButton visibility traduits en français avec état dynamique : 'Afficher/Masquer le mot de passe' et 'Afficher/Masquer la vérification' version-timeline.js : - aria-label='Comparer les versions' sur IconButton Comparer - aria-label dynamique + aria-expanded sur le bouton expand/collapse - Correction object-curly-newline et jsx-closing-bracket-location (pré-existants) version-search.js : - inputProps aria-label='Rechercher dans les versions' (placeholder seul insuffisant) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -34,6 +34,7 @@ export default function VersionSearch({onSearchChange, placeholder = 'Rechercher
|
||||
size='small'
|
||||
placeholder={placeholder}
|
||||
value={searchValue}
|
||||
inputProps={{'aria-label': 'Rechercher dans les versions'}}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position='start'>
|
||||
|
||||
@@ -100,7 +100,14 @@ function VersionItem({
|
||||
}}
|
||||
>
|
||||
{/* Status indicator */}
|
||||
<Box sx={{display: 'flex', flexDirection: 'column', alignItems: 'center', pt: 0.5}}>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
pt: 0.5
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
width: 12,
|
||||
@@ -151,17 +158,29 @@ function VersionItem({
|
||||
</Box>
|
||||
|
||||
{/* Actions */}
|
||||
<Box sx={{display: 'flex', alignItems: 'center', gap: 0.5, flexShrink: 0}}>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 0.5,
|
||||
flexShrink: 0
|
||||
}}
|
||||
>
|
||||
<VoteButtons
|
||||
hasCountsVisible
|
||||
versionId={version.id}
|
||||
isDisabled={isVoteDisabled}
|
||||
onVoteResult={onVoteResult}
|
||||
/>
|
||||
<IconButton size='small' onClick={handleCompare} title='Comparer'>
|
||||
<IconButton size='small' aria-label='Comparer les versions' title='Comparer' onClick={handleCompare}>
|
||||
<CompareArrowsIcon fontSize='small' />
|
||||
</IconButton>
|
||||
<IconButton size='small' onClick={() => setExpanded(!expanded)}>
|
||||
<IconButton
|
||||
size='small'
|
||||
aria-label={expanded ? 'Réduire les détails' : 'Afficher les détails'}
|
||||
aria-expanded={expanded}
|
||||
onClick={() => setExpanded(!expanded)}
|
||||
>
|
||||
{expanded ? <ExpandLessIcon fontSize='small' /> : <ExpandMoreIcon fontSize='small' />}
|
||||
</IconButton>
|
||||
</Box>
|
||||
@@ -169,7 +188,14 @@ function VersionItem({
|
||||
|
||||
{/* Expanded content */}
|
||||
<Collapse in={expanded}>
|
||||
<Box sx={{mt: 1.5, display: 'flex', flexDirection: 'column', gap: 1}}>
|
||||
<Box
|
||||
sx={{
|
||||
mt: 1.5,
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
gap: 1
|
||||
}}
|
||||
>
|
||||
{/* Preview */}
|
||||
{version.delta?.contenu && (
|
||||
<Typography
|
||||
@@ -188,7 +214,14 @@ function VersionItem({
|
||||
)}
|
||||
|
||||
{/* Actions row */}
|
||||
<Box sx={{display: 'flex', alignItems: 'center', gap: 1, flexWrap: 'wrap'}}>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 1,
|
||||
flexWrap: 'wrap'
|
||||
}}
|
||||
>
|
||||
<CopyButton
|
||||
content={version.delta?.contenu || version.name || ''}
|
||||
label='Copier'
|
||||
|
||||
Reference in New Issue
Block a user