Text size

What the issue is

Using heading tags (h1, h2, h3, etc.) for styling purposes rather than to structure content hierarchically misleads users who rely on assistive technologies. For example, choosing an <h4> tag because it visually matches the desired text size, despite it being a primary section title that logically should be an <h1> or <h2>. This misuse of headings disrupts the document's structure, leading users to misinterpret the level of importance of various sections on the page.

What the issue is

Buttons with text that is too small or lacks sufficient contrast against the button background can be difficult to read for many users. This readability issue can particularly impact users with vision impairments, including those with low vision or color vision deficiencies. Ensuring text within buttons is clearly legible is crucial for all users to identify and understand the function of each button.