508 Accessibility: Inconsistent styling leads to confusion on the purpose of a component

[ghost]

WCAG 2.0 guideline 3.2.4 Consistent Identification states "Components that have the same functionality within a set of Web pages are identified consistently". This is Level AA.

In this block, there are multiple elements with a solid color background, but only one of them (WSS) is a button.

In this section, there are 4 components that are styled with a rectangular border. Two are buttons and two are not. And note these two buttons are not styled the same as the button in the example above.

All buttons should be styled the same - preferably with the rectangular outline - and all data labels should be styled the same - preferably with the solid background. The button styles and label styles should be different from each other.

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity :sleeping:

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience :heart:

[asyncapi-bot]

:tada: This issue has been resolved in version 2.4.4 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: