Type something to search... Decorative capitalization uses CSS styles
Content can be authored in standard case and styled as uppercase via CSS. This approach preserves the ability to modify the display and ensures assistive technologies process the text correctly. Note that text displayed in all caps reduces overall readability.
Objectives
-
Enable users to copy and paste content without preserving decorative uppercase formatting.
-
Allow users with reading difficulties to customize the display of text that appears in all caps.
Implementation
-
Enter HTML content following standard typographic rules for capitalization (e.g., sentence beginnings, proper nouns).
-
Use the CSS property “text-transform: uppercase” for decorative styling.
Control
-
Copy the uppercase text and paste it into a plain text editor; decoratively styled text should revert to its original case.
-
Verify that capitalization in the source code follows standard language conventions (e.g., acronyms or bibliographic entries may remain in uppercase).
Validation
- Needs to be verified by a human.