ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
TitledescriptionAssignedJira issue
2
Screen-reader-textCSSCSS class as used by WordPress core.
This class hides content from screen but it is announced by screen readers.
This class is a WordPress required class and should be added to all WordPress themes.		Ashish
3
alt attributeThe 4 images in the four-coloum-symbol divs do not have an alt attribute. If the images is pure decorative, it should be added to the CSS of provided with an empty alt attribute, like alt=””All from now on.
4
alt attributeThe 4 images in the four-coloum-symbol divs do not have an alt attribute. If the images is pure decorative, it should be added to the CSS of provided with an empty alt attribute, like alt=””Ashish add on presentation layer
5
alt attributeThe 4 images in the four-coloum-symbol divs do not have an alt attribute. If the images is pure decorative, it should be added to the CSS of provided with an empty alt attribute, like alt=””Angelos to check exiting master-theme and plugin-blocks
6
Search form in the headerErrors:
● The button has no discernible text.
● The input field has no label attached.		Ashish
7
Form “Select a website”The <select> needs a label, also this needs to be put in a <form> element is a select element is to be used. In fact this isn’t a form, but a way to select links, so a dropdown of links is more appropriate in this case.Kyriakos
8
Comment formConsider the use of server side form validation for the comment form on posts, to have a more robust form validation.Kyriakos
9
Zoomable textRequirement: Enlarge text 200% without loss of context
Error: Ensures <meta name="viewport"> does not disable text scaling and zooming Where: in the <head> section		Ashish
10
SkiplinksAdd a skiplink as first link in the <body>. These (visible hidden) links are used by keyboard only users and screen reader users to ju quickly to the start of the content. They become only visible on keyboard focus.Sagar1505
11
Links texts social media iconsError: Empty link text for the social media links Where: in the social media share button at the bottom of the site Why: Links must have discernible text, otherwise the link text is empty and meaningless. Link text (and alternate text for images, when used as links) must be discernible by a screen reader. Ensures that every link has an accessible nameSagar1506
12
Read more on search result page
Error: Links should clearly describe the link target Where: Link texts “Read more” Why: Screen reader users can call a list of links to navigate fast. If several links are called “read more” the links become meaningless and hard to understand.Angelos
13
Heading structureBest practice: One H1 per page. This H1 should be unique for the site and represent the content of the page. The rest of the headings should represent the content below. Don’t skip a heading level. Treat heading structure as it were a table of content of the page. See: Accessible HTML5 heading structure in WordPress . As this site is still in development, the errors in 3 different templates are given as example to also fix the other templates.Ashisn (with Vini).
14
Headings HomeThe H1 on the Homepage should be the site title. What you do matters and Our ships in action should be an H2Ashish
15
Headings PostIn the text headings are marked up as bold. For example What a hazardous world should be an H2 etc...Ashish
16
17
18
19
20
Semantic and correct use of HTML5
21
Language<head lang="en-GB" >Kyriakos
22
HTML5 elements and landmarksThe theme is missing structural HTML5 elements like <header>, <nav>, <main> and <footer>; <article> and <aside> are present though. Provide a consistent use of HTML5 elements. Also ARIA landmarks are missing. Those are used by AT to navigate and understand the page layout. See: HTML 5 and ARIA LandmarksAll. Angelos
23
The carouselThere are a few errors in the carousel ● Movement must be stoppable by the user. Don’t decide for the user in which speed she must read. It’s also very distracting when you want to red the other content. ● The page has multiple elements with the same id attribute: # carousel-wrapper This it at the homepage, where there are 2 sliders. ● The required ARIA child role option s not present: this means that the setup of the ARIA role="listbox" isn’t correct. There should also be a role="option" inside the element. See: developer.mozilla.orgAshish
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100