Do accessible websites still need to support Internet Explorer 11?
As a developer who cares about accessibility, should you or shouldn’t you be supporting Internet Explorer 11 (IE11)?
It’s a question that has been frequently asked and opinion is split.
Whilst many web developers are still building for IE11, some developers and development agencies no longer actively support it. In fact, since IE11 is firmly in the ‘older browser’ grouping, we may wonder why any people are still using it in preference to newer browsers that offer more functionality, and that regularly update automatically to add support for newer features.
In this blog I’ll explore both sides of the case for continuing to develop for IE11, the problems that it causes, the features that it offers (including accessibility features), but also the challenges people may face if developers don’t build for it.
*Spoiler Alert* Our recommendation is that developers and companies continue to support Internet Explorer 11 for now, until the newer version of Edge (Chromium) can deliver a comparable experience for assistive technologies – especially JAWS, Dragon NaturallySpeaking and Zoomtext.
Find out how we arrived at that conclusion here…
The problems with Internet Explorer 11
Web developers take against IE11 because it is becoming increasingly hard to create websites that look the same, and function in the same way in IE11 and newer, commonly available browsers like Chrome, Edge and Firefox.
These newer popular browsers include features that developers and site owners understandably want to take advantage of. So, developing websites that also support IE11 can cost more. Moreover, coping with its differences from newer browsers can add to the download weight of web pages, potentially slow them down, and can be detrimental to search engine optimisation (SEO).
Here are some of the issues with IE11 as currently seen by web developers…
1. Support for newer stylesheet properties
When building websites, developers use stylesheets (CSS) to add layout and branding colours to the underlying HTML mark-up.
Since no new functional updates for IE11 have been released for some years, it has patchy or no support for some newer stylesheet techniques and specifications that are now used by many web developers – for example:
- Flex (or Flexbox) – IE11 support can be patchy due to older syntax and buggy implementation.
- Grid – IE11 only supports older version of the specification, so newer useful features are not supported.
- CSS variables – IE11 does not support these at all.
2. Support for HTML5 elements
HTML5 was first specified over ten years ago, and provides a number of newer elements that are in common use now.
4. Microsoft themselves have stopped supporting Internet Explorer 11
Microsoft introduced IE11 in 2013 for use on Windows 7 and Windows 8, and it was the default browser for machines on those operating systems. It’s also available for Windows 10 machines, although Microsoft Edge became the default browser for Windows 10 machines.
Microsoft have said that they stopped supporting IE11 in November 2020, although security updates for it will still be released on active Windows 10 installations.
How many people are still using Internet Explorer 11?
Figures vary, but recent browser statistics suggest that approximately 1.4% – 2.5% of global site visits happen with IE11.
That is low. But it’s worth noting that this figure appears to increase among users of assistive technologies. It’s difficult to obtain accurate figures for all assistive technology users, but the Webaim Screen Reader Survey from 2019 records that approximately 12.5% of respondents use a screen reader with Internet Explorer 11 (mainly JAWS). This value is actually higher than those mentioning using Safari.
So why do people still use Internet Explorer 11?
All Windows machines allow users to install and use other browsers besides the default one. The most popular browser is Google Chrome. So why do some people keep the old default?
- Some less technology literate people have older machines and don’t feel the need to update, so they will use the browser that they are used to. These people are likely to unfamiliar with newer browsers – like Chrome or Firefox or Edge.
- Not everyone has access to the latest technology. Many of us are working or schooling our kids from home now due to the COVID pandemic. As a result lots of older machines are being used as “hand me downs” for people who didn’t need a computer til now, and many people are buying older second hand machines which may still have IE11 as the default browser.
- Machines in some public libraries in the UK may still be using Internet Explorer 11.
- Internet Explorer 11 is still used a lot in Public Sector settings in the UK.
- Some large corporates may still be using older versions of Windows, with Internet Explorer 11 as the default browser.
- And some people use accessibility features provided by Internet Explorer 11, or use assistive technologies (AT) that were originally built to run best (or exclusively) with Internet Explorer 11. Users may find that their assistive technologies does still work best with IE11, for example:
- JAWS – a screen reader typically used by people who are blind, or have poor vision, or who have cognitive impairments. Freedom Scientific who make JAWS used to recommend IE11, but now recommend Chrome, Edge or Firefox.
- Dragon NaturallySpeaking – speech recognition software used by many people, but favoured by those with motor impairments, or cognitive impairments. Nuance still recommend IE11 or Chrome.
- ClaroRead – there are some recommendations to use it with IE11, Chrome and Firefox. There is some evidence that it works with new Edge.
- Read Write Gold – no specific browser recommendation. There is some evidence that it works with new Edge.
Microsoft’s replacement for Internet Explorer 11 – Edge
Microsoft introduced Edge as the successor to IE11 in 2015. Initial versions of Edge were built using Microsoft’s own browser engine.
Microsoft Edge became the default browser for Windows 10, replacing IE11, although IE11 can still be used in Windows 10 machines – along with other browsers like Chrome, Firefox, etc. It was not possible to install Edge on versions of Windows earlier than 10.
The early version of Edge was considered to be a fast browser, but uptake was low and the browser wasn’t popular, possibly because some expected functionality wasn’t present.
A newer version of Edge was introduced in 2019. This was built on Chromium, and effectively uses the same technology as Chrome browser, but with some Microsoft enhancements. The update strategy was tied to Windows update strategy so browser versions were to be updated much more frequently.
The newer Edge is also available for older Windows version (7 and 8), and now for macOS too.
Accessibility features in Internet Explorer 11
Here’s a look at the main accessibility features that are found in Internet Explorer 11 along with an indication of which other browsers offer similar functionality.
Allowing zooming and text resizing
IE11 offers zooming in and out. It also has some ability to allow resizing of just text, but that is limited.
Zooming and text resizing are also offered by all other mainstream browsers – including MS Edge.
Allowing user to override website styles
IE11 has a number of settings which allow a user to override some aspects of the appearance of websites they are visiting. They may do this due to a disability or impairment.
In IE11 these settings are easy to reach, and they can be quickly switched on, customised, and switched off when required. The settings are:
- Overriding the fonts used in web pages – MS Edge can’t do this
- Overriding the font-size used within web pages – MS Edge can do this
- Overriding text and background colours within web pages – MS Edge has an ‘immersive reader’ that works on some web pages to add pre-defined colour combinations. Users can choose from themes.
Allowing user to use a custom stylesheet
This facility in IE11 allows users to add a specially created CSS stylesheet to override the ones normally accessed by websites being visited. These custom stylesheets can add any changes to the styling of web pages the user requires.
My view is that it’s rare that people actually use this feature, but I have in the past helped to build one for a user with very poor vision.
Chrome and MS Edge do not support this natively, but there are extensions available for both which allow users to customise websites visited. Firefox does support this feature but apparently support is ending soon.
Support for assistive technologies
Some assistive technologies were built specifically to work best (or even only) with IE11, and in some cases that’s still true.
But recently there has been some evidence that other browsers, including the newer Edge, can support these assistive technologies to an acceptable level.
With that in mind I have carried out some non-scientific comparisons between different browsers, including the newer Edge, on my Windows 10 laptop.
JAWS 18 screen reader
The quick tests I carried out involved the following:
- Using up and down arrow keys to move through content.
- Shortcut keys to move to next/previous headings, graphics, landmarks.
- Listing headings and links in pages.
- Interacting with forms.
- Interacting with accessible accordions.
IE11: on the tests that I’ve done, everything works as I would expect. This is not surprising.
Edge 87: most of the tests I tried worked as expected. However, in forms where I have error messages linked to input fields with aria-describedby, these were not read out at all. Also, in the forms I tested, JAWS does not take any notice of aria-invalid=”true” on input fields. Both of these deficiencies could cause problems for JAWS users completing forms with validation.
Chrome 87: JAWS behaved exactly as expected.
Firefox 84: I didn’t get very far at all as there are known compatibility issues between later versions of Firefox and JAWS 18.
Dragon NaturallySpeaking Version 14
The quick tests I carried out involved issuing voice commands to do the following:
- Moving browser pages up and down, including right to the bottom and back to the top.
- Changing between previously open browser tabs, and opening new ones.
- Following links, including commands to indicate all links within current view.
- Actioning buttons, including commands to indicate all buttons within current view.
- Using mouse grid to move mouse pointer and click on items.
- Granular moving of mouse pointer and dragging of elements.
IE11: on the tests that I’ve done, everything works as I would expect. This is not surprising.
Edge 87: most of the tests I tried worked as expected. However, moving between browser tabs and opening a new tab did not seem to work. Actioning buttons seemed to work OK, but I had a lot of problems getting Dragon to follow links in Edge 87. Both these issues could have noticeable impact on users who rely on Dragon NaturallySpeaking.
Chrome 87: Dragon behaved exactly as expected.
Firefox 84: most of the tests yielded expected results, except for indicating all links and buttons currently visible on the page.
Based on analysis, our recommendation is that developers and companies continue to support Internet Explorer 11 for now, until the newer version of Edge (Chromium) can deliver a comparable experience for assistive technologies – especially JAWS, Dragon NaturallySpeaking and Zoomtext.
Furthermore, UK Government also recommends continuing to support IE11 – see https://www.gov.uk/service-manual/technology/testing-with-assistive-technologies and https://www.gov.uk/service-manual/technology/designing-for-different-browsers-and-devices
We’ll continue monitor the situation and update this blog post with any changes.
What do you think?
We hope these insights are useful to you, and would love to hear your experiences around implementing date controls. Please share your comments below.
If this blog has been useful, you might like to sign-up for the Hassell Inclusion newsletter to get more insights like this in your email every month.