[SOLVED] How to make a screenreader pronounce C# correctly

Issue

On my website, I reference the programming language C#. A screen reader will read this as “C number”.

Is it worth trying to force a screenreader pronounce “C sharp”?

If so, I have tried <span aria-label="C sharp">C#</span>, but the <span> stops the screenreaders flow… And even when I hover the ‘C#’ text, it is still pronounced “C number”.

Any suggestions?

Solution

I would wrap it in abbr tags and provide C Sharp as the title attribute. You are adding semantic meaning to your markup that can then be used by assistive technology. It’s not really worth trying to force a screen reader to read it correctly as you’ll likely make things confusing and most users will set their screen reader to read abbreviations to their own preference.

<abbr title="C Sharp">C#</abbr>

Answered By – James Coyle

Answer Checked By – Timothy Miller (BugsFixing Admin)

Leave a Reply

Your email address will not be published. Required fields are marked *