Elements should be consistently named and used
Ensure that elements with the same function are identified consistently across all pages to make interactions predictable.
Acceptance Criteria
• Components with identical functions should have consistent labels, icons, and accessibility attributes across all pages.
Examples
• A document icon that triggers a file download should appear and function the same way everywhere on the site.
• A checkmark icon used to indicate “done” or “saved” should have the same visual appearance and accessibility label throughout the site.
• A search submit button should be labeled consistently, such as always using “Search” rather than varying between “Search” and “Find.”
Exceptions
• If a component’s function changes based on user-specific settings or context, the identification may vary accordingly.
Tips
• Standardize icons, labels, and accessibility attributes for similar functions.
• Create a style guide or pattern library to ensure consistency in component identification.
How to test?
• Check multiple pages to verify that components with the same functionality have identical labels, icons, and accessibility attributes.
• Test functionality to ensure that the consistent identification aligns with the expected actions across different pages.