Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Screen Reader reads two separate elements as one within Flat Table with StickyFooter

See original GitHub issue

Current behaviour

The screen readers, NVDA (Windows) and VoiceOver (MacOS) combines two elements on the StickyFooter in the Flat Table component and reads the elements on the StickyFooter - Pager component as one.

Expected behaviour

The screen readers are able to read the elements separately instead of reading it at once.

CodeSandbox or Storybook URL

https://carbon.sbc-ui.com/?path=/docs/flat-table--with-sticky-footer

JIRA Ticket (Sage Only)

SBS-25588

Carbon Version

101.1.0

What browsers are you seeing the problem on?

Chrome, Safari, Microsoft Edge

What Operating System are you seeing the problem on?

MacOS, Windows

Anything else we should know?

If the StickyFooter - Pager component has a Next and Previous button, the screen reader reads the elements correctly.

Confidentiality

I confirm there is no confidential or commercially sensitive information included.

Issue Analytics

State:
Created 2 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

samtjocommented, Feb 22, 2022

Thanks @tempertemper - I think you’ve given us what we need for now 👍🏻

0reactions

carboncicommented, Jul 26, 2022

🎉 This issue has been resolved in version 109.3.4 🎉

The release is available on:

Your semantic-release bot 📦🚀

Top Results From Across the Web

Bootstrap sticky footer overlapping content - Stack Overflow

My CSS is original. I tried with margin bottom or padding bottom but the overlapping of my content (in the {% block body...

How-to: Accessible heading structure - The A11Y Project

A screen reader user can call a list of headings and read through them to decide where to start reading on a webpage....

Making Tables With Sticky Header and Footers Got a Bit Easier

It wasn't long ago when I looked at sticky headers and footers in HTML s in the blog post A table with both...

Screen Readers: A Guide to Punctuation and Typographic ...

Symbol The character by itself In Context tilde ~ https:// www.website.com/ ~user backtick mark ? &id=?1? exclamation mark ! This is exciting! This is exciting.

HTML5 sectioning elements and screen readers

The Footer element is interpreted as a landmark by most screen reader and browser combinations. The exception is TalkBack on Chrome.