Comments (3)
I'm not sure what to do about this one. The problematic code is generated by the primefaces tabview/tab combination (They create a UL for the tab list and LI (tabindex="0") elements that then contain a link () and the warning appears to relate to both the li and enclosed a having a tabindex. Their showcase page for tabviews has about 50 of these warnings : http://www.primefaces.org:8080/showcase/ui/panel/tabView.xhtml?jfwid=25a2b. I'll check with IQSS but this may be one that just has to get reported to PrimeFaces. (It does look like replacing the 'tabindex="-1"' with 'disabled' on the a element gets rid of the warning without affecting basic functionality, but I don't know if that can be set going through primefaces and haven't yet checked to see if I can still get the tab highlighting to work with it.)
from dataverse.
I suspect that the PrimeFaces Java has to change for this but one additional note: I read more on the internet and found a suggestion to mark the li element as role="presentation" and make the a element have role="tab". As in:
`<ul class="ui-tabs-nav ui-helper-reset ui-widget-header ui-corner-all" role="tablist">
<li class="ui-tabs-header ui-state-default ui-tabs-selected ui-state-active ui-corner-top" role="presentation">
<a href="#datasetForm:tabView:metadataMapTab" role="tab" aria-expanded="true" aria-selected="true" data-index="0" tabindex="0">
Metadata
</a>
</li>
</ul>`
Still would need to check that this works with multiple tabs, but it might be a solution to try/propose to PrimeFaces.
from dataverse.
Also no use to just work around getting a warning -- let's figure out what exactly this is meant to address in terms of accessibility and think about if it is a problem here and if so, what to do about it. Leaving open for now.
from dataverse.
Related Issues (20)
- Accessibility - Drupal - Focus elements HOT 5
- Accessibility - Dataverse - Frames and Axecore HOT 1
- Accessibility - Dataverse - Fly Out Menus HOT 2
- Accessibility - Dataverse(?) - Spreadsheet Viewer HOT 7
- Accessibility - Dataverse - ARIA Hidden Elements with Focusable Elements HOT 1
- Accessibility - Dataverse - Unique ID Attribute Value HOT 1
- Accessibility - Dataverse - ARIA Attributes and Valid Values HOT 1
- Accessibility - Dataverse - ul and ol HOT 2
- QA on 5.8: Bug when trying to open an old project HOT 1
- QA on 5.8: SSO redirects HOT 3
- Accessibility - Dataverse - ARIA Roles Contained by Particular Parents HOT 1
- Empty table header (File list) HOT 4
- Accessibility: Contrast of red-on-red warning (e.g. must allow requests for access)
- Accessibility: Tab highlight of rectangular buttons (Dataverse)
- Multiword search fails when full text indexing is enabled at QDR HOT 1
- Accessibility - Dataverse - ARIA Commands and Accessible Name HOT 4
- Accessibility - Dataverse - ARIA Toggle Fields and Accessible Name HOT 1
- Accessibility - Dataverse - ARIA Role and Element HOT 1
- Accessibility - Dataverse - Links with Same Name HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from dataverse.