deploy: e5c4da7

helenclx · Jul 23, 2024 · 632800b · 632800b
1 parent 150376d
commit 632800b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/blog/feed.xml b/blog/feed.xml
@@ -16,8 +16,7 @@
             <link href="https://helenchong.dev/blog/posts/2024-07-23-responsive-disability-pride-flag-css/"/>
             <updated>2024-07-23T00:00:00Z</updated>
             <id>https://helenchong.dev/blog/posts/2024-07-23-responsive-disability-pride-flag-css/</id>
-            <content type="html">&lt;div class=&quot;disability-pride-flag demo&quot; role=&quot;img&quot; aria-describedby=&quot;disability-pride-flag-description&quot;&gt;&lt;/div&gt;
-&lt;p&gt;&lt;span id=&quot;disability-pride-flag-description&quot;&gt;[Image description: a demo of the Disability Pride flag coded in CSS: A charcoal grey flag with a diagonal band from the top left to bottom right corner, made up of five parallel stripes in red, gold, pale grey, blue, and green. Description ends]&lt;/span&gt;&lt;/p&gt;
+            <content type="html">&lt;div class=&quot;disability-pride-flag demo&quot; role=&quot;img&quot; aria-label=&quot;Demo of the Disability Pride flag coded in CSS&quot;&gt;&lt;/div&gt;
 &lt;p&gt;Happy &lt;a href=&quot;https://www.weareincludability.co.uk/resources/what-is-disability-pride-month&quot;&gt;Disability Pride Month&lt;/a&gt;! To celebrate the occasion, I did a small project: a responsive Disability Pride Flag CSS background! For those who do not know, this &lt;a href=&quot;https://www.womansday.com/life/a43964487/disability-pride-flag/&quot;&gt;Disability Pride Flag&lt;/a&gt; was created by &lt;a href=&quot;https://capri0mni.dreamwidth.org/837596.html&quot;&gt;Ann Magill&lt;/a&gt; and released in 2021.&lt;/p&gt;
 &lt;p&gt;Here is the CSS snippet for a responsive Disability Pride Flag background:&lt;/p&gt;
 &lt;pre class=&quot;language-css&quot; tabindex=&quot;0&quot;&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;span class=&quot;token selector&quot;&gt;.disability-pride-flag&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;

diff --git a/blog/posts/2024-07-23-responsive-disability-pride-flag-css/index.html b/blog/posts/2024-07-23-responsive-disability-pride-flag-css/index.html
@@ -331,8 +331,7 @@ <h1 class="heading--main">Responsive Disability Pride Flag CSS Background</h1>
 
 
     <article class="prose">
-        <div class="disability-pride-flag demo" role="img" aria-describedby="disability-pride-flag-description"></div>
-<p><span id="disability-pride-flag-description">[Image description: a demo of the Disability Pride flag coded in CSS: A charcoal grey flag with a diagonal band from the top left to bottom right corner, made up of five parallel stripes in red, gold, pale grey, blue, and green. Description ends]</span></p>
+        <div class="disability-pride-flag demo" role="img" aria-label="Demo of the Disability Pride flag coded in CSS"></div>
 <p>Happy <a href="https://www.weareincludability.co.uk/resources/what-is-disability-pride-month">Disability Pride Month</a>! To celebrate the occasion, I did a small project: a responsive Disability Pride Flag CSS background! For those who do not know, this <a href="https://www.womansday.com/life/a43964487/disability-pride-flag/">Disability Pride Flag</a> was created by <a href="https://capri0mni.dreamwidth.org/837596.html">Ann Magill</a> and released in 2021.</p>
 <p>Here is the CSS snippet for a responsive Disability Pride Flag background:</p>
 <pre class="language-css" tabindex="0"><code class="language-css"><span class="token selector">.disability-pride-flag</span> <span class="token punctuation">{</span>