polish(mobile): audit design DSFR multi-agents — tokens, a11y, états, finitions
- tokens centralisés (Tint, IconSize, LineHeight, LetterSpacing), zéro hex en dur - accessibilité (rôles, labels, live regions, afficher/masquer mot de passe) - états vides/erreur complétés (ex. saisie introuvable), cibles tactiles >=44px - suppression du composant mort RepubliqueHeader Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,10 +1,14 @@
|
||||
import { StyleSheet, Text } from 'react-native';
|
||||
import { Colors } from '@/lib/colors';
|
||||
import { FontSize, FontWeight, Spacing } from '@/lib/theme';
|
||||
import { FontSize, FontWeight, LetterSpacing, Spacing } from '@/lib/theme';
|
||||
|
||||
/** Intitulé de section (petites capitales DSFR) au-dessus d'une liste/groupe. */
|
||||
export default function SectionTitle({ children }: { children: string }) {
|
||||
return <Text style={styles.title}>{children}</Text>;
|
||||
return (
|
||||
<Text style={styles.title} accessibilityRole="header">
|
||||
{children}
|
||||
</Text>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
@@ -13,7 +17,7 @@ const styles = StyleSheet.create({
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.gray[500],
|
||||
textTransform: 'uppercase',
|
||||
letterSpacing: 1,
|
||||
letterSpacing: LetterSpacing.md,
|
||||
marginBottom: Spacing.sm,
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user