act-rules · jeeyyy · Jun 14, 2018 · May 29, 2018 · May 29, 2018 · May 29, 2018
diff --git a/_config.yml b/_config.yml
@@ -33,6 +33,7 @@ defaults:
       path: ""
       type: rules
     values:
+      name: undefined
       layout: rule
   - scope:
       path: ""
@@ -41,7 +42,6 @@ defaults:
       layout: rule
       draft: true
       name: undefined
-      rule_id: undefined
       test_mode: undefined
   - scope:
       path: ""
@@ -55,10 +55,14 @@ defaults:
       layout: testcase
       draft: true
   - scope:
-      path: pages/algorithms
+      path: "pages/algorithms"
+      type: pages
     values:
+      layout: algorithm
       category: algorithms
 
 exclude:
+- _draft-testcase-embeds
 - _drafts/early-stage
-- _draft-testcase-embeds
+- _drafts/outdated
+- _rules/outdated
diff --git a/...fts/SC1-1-1+SC4-1-2-interactive-images.md → ...ted/SC1-1-1+SC4-1-2-interactive-images.md b/...fts/SC1-1-1+SC4-1-2-interactive-images.md → ...ted/SC1-1-1+SC4-1-2-interactive-images.md
diff --git a/_drafts/SC1-1-1-decorative-images.md → ...fts/outdated/SC1-1-1-decorative-images.md b/_drafts/SC1-1-1-decorative-images.md → ...fts/outdated/SC1-1-1-decorative-images.md
diff --git a/_drafts/SC1-1-1-informative-images.md → ...ts/outdated/SC1-1-1-informative-images.md b/_drafts/SC1-1-1-informative-images.md → ...ts/outdated/SC1-1-1-informative-images.md
diff --git a/_drafts/SC1-2-1-audio-only-alternative.md → ...utdated/SC1-2-1-audio-only-alternative.md b/_drafts/SC1-2-1-audio-only-alternative.md → ...utdated/SC1-2-1-audio-only-alternative.md
diff --git a/_drafts/SC1-2-1-video-only-alternative.md → ...utdated/SC1-2-1-video-only-alternative.md b/_drafts/SC1-2-1-video-only-alternative.md → ...utdated/SC1-2-1-video-only-alternative.md
diff --git a/_drafts/SC1-2-2-captions-prerecorded.md → .../outdated/SC1-2-2-captions-prerecorded.md b/_drafts/SC1-2-2-captions-prerecorded.md → .../outdated/SC1-2-2-captions-prerecorded.md
diff --git a/_drafts/SC1-2-2-video-element.md → _drafts/outdated/SC1-2-2-video-element.md b/_drafts/SC1-2-2-video-element.md → _drafts/outdated/SC1-2-2-video-element.md
diff --git a/_drafts/SC1-3-1-form-division.md → _drafts/outdated/SC1-3-1-form-division.md b/_drafts/SC1-3-1-form-division.md → _drafts/outdated/SC1-3-1-form-division.md
diff --git a/_drafts/SC1-3-1-p-as-heading.md → _drafts/outdated/SC1-3-1-p-as-heading.md b/_drafts/SC1-3-1-p-as-heading.md → _drafts/outdated/SC1-3-1-p-as-heading.md
diff --git a/_drafts/SC1-3-1-radio-check.md → _drafts/outdated/SC1-3-1-radio-check.md b/_drafts/SC1-3-1-radio-check.md → _drafts/outdated/SC1-3-1-radio-check.md
diff --git a/_drafts/SC1-3-1-table-caption.md → _drafts/outdated/SC1-3-1-table-caption.md b/_drafts/SC1-3-1-table-caption.md → _drafts/outdated/SC1-3-1-table-caption.md
diff --git a/_drafts/SC1-3-1-tables-headers-id-correct.md → ...ated/SC1-3-1-tables-headers-id-correct.md b/_drafts/SC1-3-1-tables-headers-id-correct.md → ...ated/SC1-3-1-tables-headers-id-correct.md
diff --git a/_drafts/SC1-3-1-tables-headers-id-valid.md → ...tdated/SC1-3-1-tables-headers-id-valid.md b/_drafts/SC1-3-1-tables-headers-id-valid.md → ...tdated/SC1-3-1-tables-headers-id-valid.md
diff --git a/_drafts/SC1-3-1-tables-headers-id.md → ...fts/outdated/SC1-3-1-tables-headers-id.md b/_drafts/SC1-3-1-tables-headers-id.md → ...fts/outdated/SC1-3-1-tables-headers-id.md
diff --git a/_drafts/SC1-3-1-tables-layout.md → _drafts/outdated/SC1-3-1-tables-layout.md b/_drafts/SC1-3-1-tables-layout.md → _drafts/outdated/SC1-3-1-tables-layout.md
diff --git a/_drafts/SC1-4-1-a.md → _drafts/outdated/SC1-4-1-a.md b/_drafts/SC1-4-1-a.md → _drafts/outdated/SC1-4-1-a.md
diff --git a/_drafts/SC1-4-1-link-style-in-text.md → ...ts/outdated/SC1-4-1-link-style-in-text.md b/_drafts/SC1-4-1-link-style-in-text.md → ...ts/outdated/SC1-4-1-link-style-in-text.md
diff --git a/_drafts/SC1-4-3-text-bg-contrast.md → _drafts/outdated/SC1-4-3-text-bg-contrast.md b/_drafts/SC1-4-3-text-bg-contrast.md → _drafts/outdated/SC1-4-3-text-bg-contrast.md
diff --git a/_drafts/SC2-2-2-pause-stop-hide.md → _drafts/outdated/SC2-2-2-pause-stop-hide.md b/_drafts/SC2-2-2-pause-stop-hide.md → _drafts/outdated/SC2-2-2-pause-stop-hide.md
diff --git a/_drafts/SC2-4-2-titles-across-pages.md → ...s/outdated/SC2-4-2-titles-across-pages.md b/_drafts/SC2-4-2-titles-across-pages.md → ...s/outdated/SC2-4-2-titles-across-pages.md
diff --git a/...fts/SC2-4-4+SC4-1-2-anchors-have-names.md → ...ted/SC2-4-4+SC4-1-2-anchors-have-names.md b/...fts/SC2-4-4+SC4-1-2-anchors-have-names.md → ...ted/SC2-4-4+SC4-1-2-anchors-have-names.md
diff --git a/_drafts/SC2-4-4+SC4-1-2-link-names.md → ...ts/outdated/SC2-4-4+SC4-1-2-link-names.md b/_drafts/SC2-4-4+SC4-1-2-link-names.md → ...ts/outdated/SC2-4-4+SC4-1-2-link-names.md
diff --git a/_drafts/SC2-4-4-Link Purpose.md → _drafts/outdated/SC2-4-4-Link Purpose.md b/_drafts/SC2-4-4-Link Purpose.md → _drafts/outdated/SC2-4-4-Link Purpose.md
diff --git a/_drafts/SC2-4-4-image-map.md → _drafts/outdated/SC2-4-4-image-map.md b/_drafts/SC2-4-4-image-map.md → _drafts/outdated/SC2-4-4-image-map.md
diff --git a/_drafts/SC2-4-5-multiple-ways.md → _drafts/outdated/SC2-4-5-multiple-ways.md b/_drafts/SC2-4-5-multiple-ways.md → _drafts/outdated/SC2-4-5-multiple-ways.md
diff --git a/_drafts/SC2-4-7-visible-link-focus.md → ...ts/outdated/SC2-4-7-visible-link-focus.md b/_drafts/SC2-4-7-visible-link-focus.md → ...ts/outdated/SC2-4-7-visible-link-focus.md
diff --git a/_drafts/SC3-2-2-form-no-submit.md → _drafts/outdated/SC3-2-2-form-no-submit.md b/_drafts/SC3-2-2-form-no-submit.md → _drafts/outdated/SC3-2-2-form-no-submit.md
diff --git a/_drafts/SC3-2-2-form-submit.md → _drafts/outdated/SC3-2-2-form-submit.md b/_drafts/SC3-2-2-form-submit.md → _drafts/outdated/SC3-2-2-form-submit.md
diff --git a/_drafts/SC3-2-2-input-select.md → _drafts/outdated/SC3-2-2-input-select.md b/_drafts/SC3-2-2-input-select.md → _drafts/outdated/SC3-2-2-input-select.md
diff --git a/...C3-2-3-navigational-links-across-pages.md → ...C3-2-3-navigational-links-across-pages.md b/...C3-2-3-navigational-links-across-pages.md → ...C3-2-3-navigational-links-across-pages.md
diff --git a/_drafts/SC4-1-1-accesskey.md → _drafts/outdated/SC4-1-1-accesskey.md b/_drafts/SC4-1-1-accesskey.md → _drafts/outdated/SC4-1-1-accesskey.md
diff --git a/_drafts/SC4-1-1-unique-attrs.md → _drafts/outdated/SC4-1-1-unique-attrs.md b/_drafts/SC4-1-1-unique-attrs.md → _drafts/outdated/SC4-1-1-unique-attrs.md
diff --git a/_drafts/SC4-1-2-frame.md → _drafts/outdated/SC4-1-2-frame.md b/_drafts/SC4-1-2-frame.md → _drafts/outdated/SC4-1-2-frame.md
diff --git a/_drafts/SC4-1-2-user-input.md → _drafts/outdated/SC4-1-2-user-input.md b/_drafts/SC4-1-2-user-input.md → _drafts/outdated/SC4-1-2-user-input.md
diff --git a/_layouts/algorithm.html b/_layouts/algorithm.html
@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<!--INSERT-GLOSSARY-USAGE-HERE-->
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -3,22 +3,14 @@
   <head>
     <meta charset="utf-8">
     {% if page.layout == 'rule' %}
-
-      {% if page.rule_id != 'undefined' %}
-        {% assign page_title = page.rule_id | prepend: "Rule: " %}
-      {% else %}
-        {% assign page_title = page.name | prepend: "Rule: " %}
-      {% endif %}
-
+      {% assign page_title = page.name | prepend: "Rule: " %}
     {% else %}
       {% if page.layout == 'testcase' %}
-
         {% if page.rule_id != 'undefined' %}
           {% assign page_title = page.rule_id | prepend: "Test Cases for " %}
         {% else %}
           {% assign page_title = page.name | prepend: "Test Cases for " %}
         {% endif %}
-
       {% else %}
         {% assign page_title = page.title %}
       {% endif %}
@@ -174,9 +166,11 @@ <h1>{{ page_title }}</h1>
         {{ content }}
       </p>
     </main>
+
+
 
     <script src="{{ site.baseurl }}/assets/js/jquery.min.js"></script>
     <script src="{{ site.baseurl }}/assets/js/bootstrap.min.js"></script>
 
   </body>
-</html>
+</html>
diff --git a/_layouts/rule.html b/_layouts/rule.html
@@ -83,6 +83,8 @@ <h2 id="requirements">Accessibility Requirements</h2>
 
 {{ content }}
 
+<!--INSERT-GLOSSARY-HERE-->
+
 {% if page.test_aspects %}
   <h2 id="test-aspects">Test Aspects</h2>
   Test aspects are defined as part of the <a href="https://w3c.github.io/wcag-act/act-rules-format.html#input-aspects-common">ACT Rules format 1.0</a>.

diff --git a/_plugins/frame_embed_generator.rb b/_plugins/frame_embed_generator.rb
@@ -16,19 +16,17 @@ class FrameEmbedGenerator < Generator
         'ODD_TAG_COUNT' => 'Expects even pairs of' + KEY_MATCH_CODE_TAG_BACKTICK + ' and ' + KEY_MATCH_CODE_TAG_BACKTICK + '. Odd number of tags identified in page '
       }
 
-      def initialize(p)
+      def initialize(config)
         @markdown = Converters::Markdown.new
-        super(p)
+        super(config)
       end
 
       def generate(site)
-        # Hooks
-        Hooks.register :site, :post_write do |site|
-          FileUtils.copy_entry KEY_EMBEDS_DIR, site.dest + '/' + KEY_EMBEDS_DIR
-        end
+
         # Clean directory
         base_dir = site.source + '/' + KEY_EMBEDS_DIR
         FileUtils.rm_f Dir.glob("#{base_dir}/*")
+
         # Create empty directory
         Dir.mkdir(base_dir) unless File.exists?(base_dir)
         # Loop documents and create test case embeds
@@ -37,6 +35,12 @@ def generate(site)
             create_frame_embed_content(doc, site)
           end
         end
+
+        # Hook after post_write and then copy across generated frame embed documents
+        Hooks.register :site, :post_write do |site|
+          FileUtils.copy_entry KEY_EMBEDS_DIR, site.dest + '/' + KEY_EMBEDS_DIR
+        end
+
       end
 
       def get_code_tag_line_indices(document)
@@ -87,6 +91,7 @@ def create_frame_embed_content(document, site)
         doc_content = get_md_content(document.content, spread_indices, hash)
         document.content = doc_content
       end
+
       def get_highlight_lang(opening_tag)
         lang = 'html'
         language_tag = opening_tag.gsub(KEY_MATCH_CODE_TAG_BACKTICK, '')
@@ -140,6 +145,8 @@ def make_frame_src_file(
           f.write(file_content) 
         end
       end
+
+      private
 
       def fail(msg)
         Jekyll.logger.error 'Fatal (Frame Embed):', msg

diff --git a/_plugins/glossary_generator.rb b/_plugins/glossary_generator.rb
@@ -0,0 +1,136 @@
+module Jekyll
+	module GlossaryEmbed
+
+		class GlossaryGenerator < Generator
+
+			safe true
+			priority :highest
+
+			# Steps 
+			# read list of all algorithm keys -> make an object/ hash
+			# parse each draft/ rule and find usage of algorithm keys -> make an object/ hash
+			# overwrite respective md files with definitions yml & list of key terms at the bottom
+
+			def initialize(config)
+				super(config)
+			end
+
+			def generate(site)
+				hash = Hash.new
+				Hooks.register :pages, :pre_render do |page|
+					if (page.url['/algorithms'])
+						page_meta = page.data
+						page_key = (page_meta['key'] && page_meta['key'].length > 0) ? page_meta["key"] : nil
+						if(page_key)
+							hash[page_key] = {
+								'url' => page.url,
+								'title' => page_meta['title'],
+								'key' => page_meta['key']
+							}
+						end
+					end
+				end
+				Hooks.register :site, :post_write do |site|
+					update_rules_drafts_with_glossary(site, hash)
+					update_algorithm_with_usages(site, hash)
+				end
+			end
+
+
+
+			def update_rules_drafts_with_glossary(site, glossary_hash)
+				site.documents.each do |doc|
+					if (doc.url['/drafts'] || doc.url['/rules'])
+						glossary_data = get_glossary_for_document(site, doc, glossary_hash)
+						append_glossary(site.dest + doc.url, glossary_data)
+          end
+        end
+			end
+
+			def update_algorithm_with_usages(site, glossary_hash)
+				h = Hash.new
+				glossary_hash.each do |k, v|
+					site.documents.each do |doc|
+						if (doc.url['/drafts'] || doc.url['/rules'])
+							term_exists_in_docs = glossary_term_exists(site, doc, k)
+							if(term_exists_in_docs.length > 0)
+								h[k] = h[k] != nil ? h[k] << term_exists_in_docs[0] : term_exists_in_docs
+							end
+						end
+					end				
+				end
+				site.pages.each do |page|
+					if (page.url['/algorithms'])
+						append_to_glossary_usage_in_rule(site.dest + page.url, h[page.data['key']])
+					end
+				end
+			end
+
+			private 
+
+			def glossary_term_exists(s, d, term)
+				out = []
+				d.content.each_line.with_index do |line, index|
+					if(line['#' + term])
+						anchor_url = s.baseurl + d.url
+						anchor = "<a class='glossary-usage-link' href='#{anchor_url}'>#{ d.data['name'] + ' (' + d.data['slug'] + ')' }</a>"
+						out.push(anchor)
+					end
+				end
+				out
+			end
+
+			def append_to_glossary_usage_in_rule(url, data)
+				if(data)
+					text = File.read(url)
+					to_append_data = "<div class='glossary-usages'>"\
+						"<h3 class='title'>Usages:</h3>"\
+						"#{data.join}"\
+					'</div></div>'
+					new_contents = text.gsub(/<!--INSERT-GLOSSARY-USAGE-HERE-->/, to_append_data)
+					File.open(url, "w") {|file| file.puts new_contents }
+				end
+			end
+
+			def append_glossary(url, data)
+				text = File.read(url)
+				new_contents = text.gsub(/<!--INSERT-GLOSSARY-HERE-->/, data)
+				File.open(url, "w") {|file| file.puts new_contents }
+			end
+
+			def get_glossary_for_document(s, d, gh)
+				out = ""
+				d.content.each_line.with_index do |line, index|
+					gh.each do |k, v|
+						if(line['#' + k])
+							g_out = "<div class='glossary-item'>"\
+								"<a id='#{v["key"]}' href='#{s.baseurl}#{v['url']}'><h3>#{ v['title']}</h3></a>"\
+								"#{ get_page_content(s, v['url']) }"\
+							'</div></div>'
+							out = out << g_out
+						end
+					end
+				end
+				out.length > 0 ? "<h2>Definitions</h2><div class='glossary-list'>#{out}</div>" : ""
+			end
+
+			def get_page_content(s, url)
+				content = nil
+				s.pages.each do |p|
+					if(p.url == url)
+						content = p.content
+						break
+					end
+				end
+				content
+			end
+
+			def fail(msg)
+        Jekyll.logger.error 'Fatal (Frame Embed):', msg
+        raise LoadError, msg
+      end
+
+		end
+
+	end
+end
diff --git a/_rules/SC2-4-2-page-has-title.md b/_rules/SC2-4-2-page-has-title.md
@@ -34,7 +34,7 @@ The page contains at least one `title` element.
 
 ### Expectation 2
 
-The first `title` element contains [non-empty text][].
+The first `title` element contains [non-empty text](#non-empty).
 
 ## Assumptions
 
@@ -138,4 +138,4 @@ _There are no major accessibility support issues known for this rule._
 </svg>
 ```
 
-[non-empty text]: ../pages/algorithms/non-empty.html
+
diff --git a/_rules/SC1-1-1-aria-describedby.md → _rules/outdated/SC1-1-1-aria-describedby.md b/_rules/SC1-1-1-aria-describedby.md → _rules/outdated/SC1-1-1-aria-describedby.md
diff --git a/_rules/SC1-1-1-css-image.md → _rules/outdated/SC1-1-1-css-image.md b/_rules/SC1-1-1-css-image.md → _rules/outdated/SC1-1-1-css-image.md
diff --git a/_rules/SC1-1-1-longdesc.md → _rules/outdated/SC1-1-1-longdesc.md b/_rules/SC1-1-1-longdesc.md → _rules/outdated/SC1-1-1-longdesc.md
diff --git a/_rules/SC1-1-1-text-alternative.md → _rules/outdated/SC1-1-1-text-alternative.md b/_rules/SC1-1-1-text-alternative.md → _rules/outdated/SC1-1-1-text-alternative.md
diff --git a/_rules/SC1-4-2-audio-control-audio.md → ...s/outdated/SC1-4-2-audio-control-audio.md b/_rules/SC1-4-2-audio-control-audio.md → ...s/outdated/SC1-4-2-audio-control-audio.md
diff --git a/_rules/SC2-2-1+SC3-2-5-meta-refresh.md → .../outdated/SC2-2-1+SC3-2-5-meta-refresh.md b/_rules/SC2-2-1+SC3-2-5-meta-refresh.md → .../outdated/SC2-2-1+SC3-2-5-meta-refresh.md
diff --git a/_rules/SC2-4-7-focus-in-viewport.md → _rules/outdated/SC2-4-7-focus-in-viewport.md b/_rules/SC2-4-7-focus-in-viewport.md → _rules/outdated/SC2-4-7-focus-in-viewport.md
diff --git a/_rules/SC3-1-1-html.md → _rules/outdated/SC3-1-1-html.md b/_rules/SC3-1-1-html.md → _rules/outdated/SC3-1-1-html.md
diff --git a/_rules/SC3-1-1-text.md → _rules/outdated/SC3-1-1-text.md b/_rules/SC3-1-1-text.md → _rules/outdated/SC3-1-1-text.md
diff --git a/_rules/SC3-1-1-xml-lang.md → _rules/outdated/SC3-1-1-xml-lang.md b/_rules/SC3-1-1-xml-lang.md → _rules/outdated/SC3-1-1-xml-lang.md
diff --git a/_rules/SC3-1-2-lang.md → _rules/outdated/SC3-1-2-lang.md b/_rules/SC3-1-2-lang.md → _rules/outdated/SC3-1-2-lang.md
diff --git a/_rules/SC3-1-2-text.md → _rules/outdated/SC3-1-2-text.md b/_rules/SC3-1-2-text.md → _rules/outdated/SC3-1-2-text.md
diff --git a/_rules/SC3-1-2-xml-lang.md → _rules/outdated/SC3-1-2-xml-lang.md b/_rules/SC3-1-2-xml-lang.md → _rules/outdated/SC3-1-2-xml-lang.md
diff --git a/_rules/SC4-1-1-accesskey.md → _rules/outdated/SC4-1-1-accesskey.md b/_rules/SC4-1-1-accesskey.md → _rules/outdated/SC4-1-1-accesskey.md
diff --git a/_rules/SC4-1-1-id.md → _rules/outdated/SC4-1-1-id.md b/_rules/SC4-1-1-id.md → _rules/outdated/SC4-1-1-id.md
diff --git a/_rules/SC4-1-1-tag-nesting.md → _rules/outdated/SC4-1-1-tag-nesting.md b/_rules/SC4-1-1-tag-nesting.md → _rules/outdated/SC4-1-1-tag-nesting.md
diff --git a/_rules/SC4-1-1-unique-attrs.md → _rules/outdated/SC4-1-1-unique-attrs.md b/_rules/SC4-1-1-unique-attrs.md → _rules/outdated/SC4-1-1-unique-attrs.md
diff --git a/_rules/SC4-1-2-button.md → _rules/outdated/SC4-1-2-button.md b/_rules/SC4-1-2-button.md → _rules/outdated/SC4-1-2-button.md
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -20,9 +20,9 @@
 html {
     position: relative;
     min-height: 100%;
+    overflow-x: hidden; /* Prevent scroll on narrow devices */
 }
 
-
 $brush-accent: #003349;
 $brush-white: #fff;
 $brush-black: #000;
@@ -98,6 +98,10 @@ body {
             margin: 20px 0;
         }
 
+        .glossary-usage-link{
+            display: block;
+        }
+
         .embed-wrapper {
             display: flex;
             width: 100%;

diff --git a/pages/algorithms/accessible-name.md b/pages/algorithms/accessible-name.md
@@ -1,5 +1,6 @@
 ---
 title: Accessible Name
+key: accessible-name
 ---
 
 The accessible name is the name of a user interface element. Each platform accessibility API provides the accessible name property. 

diff --git a/pages/algorithms/content.md b/pages/algorithms/content.md
@@ -1,5 +1,6 @@
 ---
 title: Content (element type)
+key: content
 ---
 
 1. A node in the DOM tree is considered `content` when it is a text node that does not consist of exclusively whitespace characters and that is not a descendant of a `head`, `script` or `style` element.

diff --git a/pages/algorithms/decorative.md b/pages/algorithms/decorative.md
@@ -1,5 +1,6 @@
 ---
 title: Decorative
+key: decorative
 ---
 
 Serving only an aesthetic purpose, providing no information, and having no functionality.
diff --git a/pages/algorithms/exposed-to-assistive-technologies.md b/pages/algorithms/exposed-to-assistive-technologies.md
@@ -1,5 +1,6 @@
 ---
 title: Exposed to assistive technologies
+key: exposed-to-assistive-technologies
 ---
 
 Elements should be contained in the accessibility tree as described in [Core Accessibility API Mappings 1.1](https://www.w3.org/TR/core-aam-1.1/#mapping_general)
diff --git a/pages/algorithms/index.md b/pages/algorithms/index.md
@@ -3,7 +3,7 @@ title: Algorithms
 ---
 
 {% for algorithms in site.pages %}
-
-{% if algorithms.category == "algorithms"%}- [{{ algorithms.title }}]({{ algorithms.url | prepend: site.baseurl }})
-
-{% endif %}{% endfor %}
+{% if algorithms.category == "algorithms"%} 
+- [{{ algorithms.title }}]({{ algorithms.url | prepend: site.baseurl }})
+{% endif %}
+{% endfor %}
diff --git a/pages/algorithms/interactive-element.md b/pages/algorithms/interactive-element.md
@@ -1,5 +1,6 @@
 ---
 title: Interactive element
+key: interactive-element
 ---
 
 1. An element is interactive if tabindex is not turned off on a standard interactive HMTL element. These will match the following selector:

diff --git a/pages/algorithms/is-data-table.md b/pages/algorithms/is-data-table.md
@@ -1,5 +1,6 @@
 ---
 title: Identifying Data Tables
+key: is-data-table
 ---
 
 ## Identifying Tables in QuailJS

diff --git a/pages/algorithms/lang-identification.md b/pages/algorithms/lang-identification.md
@@ -1,5 +1,6 @@
 ---
 title: Language identification
+key: language-identification
 ---
 
 A language identification algorithm is used the determine the language of a given text.  Some languages can be determined reliably from their character use alone. In these cases it is sufficient to analyse the characters and encoding of the web content. For languages sharing the same script (such as languages using the latin alphabet), the distinction is more difficult.

diff --git a/pages/algorithms/non-empty.md b/pages/algorithms/non-empty.md
@@ -1,5 +1,6 @@
 ---
 title: Non-empty text string
+key: non-empty
 ---
 
 A string of characters (text) is considered *"non-empty"* if it contains 1 or more characters that are contained within any of the following unicode categories:

diff --git a/pages/algorithms/rendered-text.md b/pages/algorithms/rendered-text.md
@@ -1,5 +1,6 @@
 ---
 title: Rendered text
+key: rendered-text
 ---
 
 An element is considered to have "rendered text" when it contains text nodes that do not inherit from an element that is styled with `display:none` or `visibility:hidden`. The rendered text is a string of the concatenated text of all these text nodes.