Page 4 - Person

Page 4 of the accessibility testing

Scrolling WYSIWYG - Widget 2

Test the speed

I am the content of the Scrolling WYSIWYG widget. As a widget, I do not think I am available to many, if any, sites. Even so, I should be fully tested for accessibility as I am available in the editing interface, and we do have an upcoming project that may utilise me or my code.

I have all of my fields filled out, with any mutliple choice options left on the default value. I am sure that there will be other widgets of my kind on other pages which will display the other multiple choice options.

The much feared "Test" button

Scrolling images - Widget 3

Test & Wow logo
Find a test

Accordion - Page 1 (title)

Expand All

I am some content within the first section of the accordion. Aside from these 2 sentences, the rest of my content is copy-pasted from a live site.

   

 The Ashmolean is the University of Oxford’s museum of art and archaeology, founded in 1683. Our world famous collections range from Egyptian mummies to contemporary art, telling human stories across cultures and across time.        

Through a selection of highlights from our collection, explore the visual richness and technical sophistication of 18th- and 19th-century Greek embroideries, as well as their debt to the many artistic traditions that flourished around the Mediterranean.

I am some content within the second section of the accordion. Aside from these 2 sentences, the rest of my content is copy-pasted from a live site.

 

The Alfred Jewel is a masterpiece of goldsmith's work formed around a tear-shaped slice of rock crystal. Its inscription: AELFRED MEC HEHT GEWYRCAN – 'Alfred ordered me to be made’ – connects the jewel with King Alfred the Great (r. 871–899) making it among the most significant of royal relics. 

Alfred ruled the southern Anglo-Saxon kingdom of Wessex and is famous for opposing the Vikings and unifying southern England. He is also credited with being a learned man, commissioning translations of religious texts from Latin into Anglo-Saxon. Some of these manuscripts were distributed throughout his kingdom and were accompanied by aestels, or pointers, used to follow the text. It is thought that the Alfred Jewel may be one of these aestels. The dragon-like head at the base of the jewel holds in its mouth a cylindrical socket, within which the actual pointer – perhaps made of ivory – would have been held in place by a rivet. The figure represented in delicate colours in cloisonné enamel on a plaque protected by the rock crystal may represent the sense of sight, an appropriate image for an object intended to help with reading.

Metadata display - Widget 6

Test warning sign.
Google image search.
Junior Test(er)
University of Oxford
Test page for accessibility
0123 456 7890
martin.king@it.ox.ac.uk

I was set up on 03/08/2020. I took roughly around 1 hour to be fully set up, and I like being looked at for testing purposes. Copy and pasted content below:

The photo appears on the person profile page and when the content item is displayed in a list widget.
On the person page, the photo is displayed at 300 x 340 pixels.
The size of the displayed image will vary depending on which style the list uses: "Block, Text Below": 640 x 640 pixels. "Block, Text Inset": 100 x 140 pixels. "Row With Image": 100 x 100 pixels.
Ideally all uploaded images will be 640 x 640, and it is recommended that the dimensions of your image are between 40x40 and 640x640.
Smaller images can be uploaded, but will be resized and may appear pixelated to the end user.

Advanced accordion - Widget 7

Inception

We know that we need to do an accessibility audit. Part of doing that accessibility audit is to identify what current accessibility issues we have on the platform, which is no small task. 

We should also have some way of keeping track of our accessibility compliance over time, or in the future. The amount of work undertaken to handle an accessibility is enourmous, and it would be a lot less work to monitor increments in the platform than it would be to re-audit the platform each time accessibility becomes an issue.

The execution

With our plan in place, our first step was identifying each potential variation of our code in it's simplest form. This involved trawling through our code, identifying any conditional statements and logging them appropriately.

We then singled out the unique instances of these variations. Effectively building a long list of every unique in-code potential outcome. This was then used to build up a list of widgets, where each widget tried to embody as many of the variations as possible.