From 39419a2a318015d73e1bc9fe9f69f7912d9daa2c Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.dev>
Date: Wed, 21 Aug 2024 12:00:00 +0100
Subject: [PATCH] Add the first note

---
 source/_notes/1.md | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 source/_notes/1.md

diff --git a/source/_notes/1.md b/source/_notes/1.md
new file mode 100644
index 0000000..10f9d26
--- /dev/null
+++ b/source/_notes/1.md
@@ -0,0 +1,34 @@
+---
+title: Ellipsis in pager template fails accessibility tests
+date: '2024-08-21 12:00:00'
+tags:
+  - Drupal
+  - Accessibility
+  - ARIA
+  - Software Development
+  - Web Development
+---
+
+```html
+<ul> and <ol> must only directly contain <li>, <script> or <template> elements
+Ensures that lists are structured correctly
+
+more informationLink opens in a new window
+Element Location:
+.pager__items
+<ul class="pager__items js-pager__items">
+To solve this problem, you need to fix the following:
+List element has direct children that are not allowed: [role=presentation]
+
+Related Node
+<li class="pager__item pager__item--ellipsis" role="presentation">…</li>
+```
+
+Proposed resolution:
+
+Replace `role="presentation"` with `aria-label="additional pages"`.
+
+## Links
+
+* <https://www.drupal.org/project/drupal/issues/3348552> (issue, currently "needs work").
+* <https://www.drupal.org/node/3399874> (draft change record).