How to prevent href attribute getting read by NVDA screenreader? - accessibility

NVDA in IE11 is reading url of Link specified as href attribute. Role tab is used on the link. This is causing issue in screen-reader compliance. How to prevent href getting read? Is it a browser and screen-reader compliance issue?

As mentioned on http://accessibleculture.org/articles/2010/08/aria-tabs/
you have to remove href from the tab

Related

Accessibility error - Empty link. A link contains no text. - Wordpress

As you can check in the following link
https://benetialingerie.gr/product-category/%ce%ac%ce%bd%ce%b4%cf%81%ce%b5%cf%82/
there are some color attributes.
In the following link, you can check a report via webaim with some accessibility errors.
https://wave.webaim.org/report#/https://benetialingerie.gr/product-category/men/?lang=en
Just because all colors are buttons too, I want to insert somewhere an alt txt or something which, if I understand right, points out that it is a link.
The error I got is:
Empty link
A link contains no text.
Due to my limited developing skills, I don't know where exactly I must edit the code. I found something relevant, a plugin called "Variation Swatches for WooCommerce".
Can anyone help me out fixing this?
Just add an aria-label to your link. It will not only make the WebAIM/WAVE report happy, it will also allow a screen reader to hear the color name when they navigate to the link.
<a aria-label="red" href="https://benetialingerie.gr/product-category/%ce%ac%ce%bd%ce%b4%cf%81%ce%b5%cf%82/?filter_color=%ce%ba%cf%8c%ce%ba%ce%ba%ce%b9%ce%bd%ce%bf" rel="nofollow" class="rtwpvs-term-span rtwpvs-term-span-color" style="background-color:#db100a;" role="link"></a>
Note that you have role="link" on the <a>. The default role of an <a> element is already a link so the role attribute is not needed.

How to Inspect element of non-inspect able sites?

I want the id or class or CSS selector name of sign-in Gmail button.
I have downloaded the page but can someone tell me how to find the name in these files?
https://auris.ahduni.edu.in/core-emli/code/my_home/
In chrome, f12 opens the development console and you can click over to Elements to view the page's HTML with highlighting as chrome normally does with inspect element.

How to attach html file so that gmail's "view" option works

I have a script that sends an email with an html attachment. When I select "view" in gmail I get text...however when I click on "download" instead of "view", then open it, it displays as it should.
I think it's gmail related because I observe the exact same behavior from IE, FireFox(win/linux), Chrome(win/linux)
I made a youtube video of here:
http://www.youtube.com/watch?v=WkGyxcFQXS8
Am I doing something wrong?
Thanks
Not all email clients support the <style> tag. Gmail is one of those; it only respects in-line styling.
If your code is producing the css & html, then you could change it to use in-line styles for the table.
If you want something more auto-magic, see How do I use Google Apps Script to change a CSS page to one with inline styles?.
One way around this would be to have your script simply host the HTML file somewhere, and email a link to that file.
I cannot find any documentation from Google or the GMail team, but I would be surprised if they allowed HTML attachments to be opened and viewed (this would be a security risk, since they would essentially allow their email servers to host user-generated web content).

does the stimulsoftreports.net support style tags

I have a letter edited in ckeditor in ASP.NET which include style tags to get the sign of the writer of the letter. I passed it to a textbox and now I want to report this letter in stimulsoftreport.net but when I do this the sign is not displayed in the report and only the text is displayed.
how can I report this letter completely?
what can I do to stimulsoft to support the style tags.
I tried the allow html tags and allow image behind property but it did not solve the problem.
anyone have another idea?
thanks for your help
Unfortunately, there is a limited support of the html tags.
You could read about it in the 3.6 HTML Tags section of the Stimulsoft Reports Universal User Manual.
You should put StiImage component on the page.

relative path problem in firefox?

I am using the javascript to popup a calendar when user click on calendar icon.
So here I am using like ../calendar/calendar.html?datetime= to trigger the calendar.html.
But when I try to test it in IE its working but not in Firefox(It's not getting the correct url path). How to solve this issue. Please let me know.
Thanks
According to the spec, the href attribute of the <base> element must be an absolute URI. I am guessing you are also using a relative path here, which IE (among other browsers) deems acceptable.

Resources