Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

<a11y> Content is not within a landmark element #4056

Open
xubinnb opened this issue Jan 16, 2024 · 5 comments
Open

<a11y> Content is not within a landmark element #4056

xubinnb opened this issue Jan 16, 2024 · 5 comments
Labels
component: Datagrid status: blocked 🧱 type: a11y ♿ Issues not following accessibility standards version: 1 Carbon 10 / v1 version: 2 Carbon 11 / v2

Comments

@xubinnb
Copy link

xubinnb commented Jan 16, 2024

===== ENVIRONMENT =====
Browser: Version 105.0.5195.125 (Official Build) (arm64)
Automatically update Chrome for all users Learn more
Test Tool Type: IBM Accessbility Checker

===== DEFECT DESCRIPTION =====

Problem 1: Content is not within a landmark element

=====STEPS TO REPRODUCE =====
Go to https://dev.console.test.cloud.ibm.com/projects
Click the options icon

Use IBM Equal Access Accessibility Checker to scan

===== EXPECTED RESULT =====
IBM 1.3.1 Info and Relationships
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.

IBM 2.4.1 Bypass Blocks
A mechanism is available to bypass blocks of content that are repeated on multiple Web pages.

===== SCREEN CAPTURE =====
image
image
image

@elycheea
Copy link
Contributor

@xubinnb Can you share more information about your specific versions of Carbon and Carbon for IBM Products? The component being referenced looks like menu or overflow menu from Carbon in which case this may need to be opened in their repository.

If you can provide more context for us when opening issues, such as the components you are using that are causing issues, that will help us respond more quickly.

@flannanl
Copy link

@carbon/ibm-products: 1.61.0
carbon-components-react: 7.59.16
carbon-components: 10.56.0

@xubinnb
Copy link
Author

xubinnb commented Jan 22, 2024

@elycheea Is this possible to reopen this issue? As I can not reopen in my side.

@elycheea
Copy link
Contributor

FYI, seems like a known issue — Carbon does provide data-floating-menu-container that we can use to render, but in a quick test, we run into some overflow issues.

Image

@elycheea elycheea added type: a11y ♿ Issues not following accessibility standards component: Datagrid version: 2 Carbon 11 / v2 version: 1 Carbon 10 / v1 labels Feb 14, 2024
@elycheea
Copy link
Contributor

elycheea commented Feb 15, 2024

Likely related to / dependent on carbon-design-system/carbon#14139

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: Datagrid status: blocked 🧱 type: a11y ♿ Issues not following accessibility standards version: 1 Carbon 10 / v1 version: 2 Carbon 11 / v2
Projects
Status: Later 🏔️
Development

No branches or pull requests

3 participants