Fixed issues with a11y on component list pages (#3031)

Signed-off-by: ItalyPaleAle <43508+ItalyPaleAle@users.noreply.github.com>

Signed-off-by: ItalyPaleAle <43508+ItalyPaleAle@users.noreply.github.com>
Co-authored-by: Hannah Hunter <94493363+hhunter-ms@users.noreply.github.com>
Co-authored-by: Mark Fussell <markfussell@gmail.com>
This commit is contained in:
Alessandro (Ale) Segala 2023-01-03 21:09:44 -08:00 committed by GitHub
parent d9f56b9137
commit 6357701de6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 76 additions and 30 deletions

View File

@ -20,11 +20,22 @@
</tr>
{{ range sort $components "component" }}
<tr>
<td><a href="/reference/components-reference/supported-bindings/{{ .link }}/" }}>{{ .component
}}</a>
<td><a href="/reference/components-reference/supported-bindings/{{ .link }}/">{{ .component }}</a>
</td>
<td align="center">
{{ if .features.input }}
<span role="img" aria-label="Input binding supported"></span>
{{else}}
<img src="/images/emptybox.png" alt="Input binding not supported" aria-label="Input binding not supported">
{{ end }}
</td>
<td align="center">
{{ if .features.output }}
<span role="img" aria-label="Output binding supported"></span>
{{else}}
<img src="/images/emptybox.png" alt="Output binding not supported" aria-label="Output binding not supported">
{{ end }}
</td>
<td align="center">{{ if .features.input }}✅{{else}}<img src="/images/emptybox.png">{{ end }}</td>
<td align="center">{{ if .features.output }}✅{{else}}<img src="/images/emptybox.png">{{ end }}</td>
<td>{{ .state }}</td>
<td>{{ .version }}</td>
<td>{{ .since }}</td>

View File

@ -13,8 +13,7 @@
</tr>
{{ range sort $components "component" }}
<tr>
<td><a href="/reference/components-reference/supported-configuration-stores/{{ .link }}/" }}>{{ .component
}}</a>
<td><a href="/reference/components-reference/supported-configuration-stores/{{ .link }}/">{{ .component }}</a>
</td>
<td>{{ .state }}</td>
<td>{{ .version }}</td>

View File

@ -1,7 +1,6 @@
<p>Table captions:</p>
<blockquote>
<p><code>Status</code>: <a href="/operations/components/certification-lifecycle/">Component
certification</a> status</p>
<p><code>Status</code>: <a href="/operations/components/certification-lifecycle/">component certification</a> status</p>
</blockquote>
<ul>
<li><a href="/operations/components/certification-lifecycle/#alpha">Alpha</a></li>
@ -9,8 +8,8 @@
<li><a href="/operations/components/certification-lifecycle/#stable">Stable</a></li>
</ul>
<blockquote>
<p><code>Since</code>: defines from which Dapr Runtime version, the component is in the current status</p>
<p><code>Since</code>: the version of the Dapr Runtime in which the component first moved to the current status</p>
</blockquote>
<blockquote>
<p><code>Component version</code>: defines the version of the component</p>
<p><code>Component version</code>: the version of the component</p>
</blockquote>

View File

@ -13,8 +13,7 @@
</tr>
{{ range sort $components "component" }}
<tr>
<td><a href="/reference/components-reference/supported-locks/{{ .link }}/" }}>{{ .component
}}</a>
<td><a href="/reference/components-reference/supported-locks/{{ .link }}/">{{ .component }}</a>
</td>
<td>{{ .state }}</td>
<td>{{ .version }}</td>

View File

@ -13,8 +13,7 @@
</tr>
{{ range sort $components "component" }}
<tr>
<td><a href="{{ .link }}/" }}>{{ .component
}}</a>
<td><a href="{{ .link }}/">{{ .component }}</a>
</td>
<td>{{ .description | markdownify}}</td>
<td>{{ .state }}</td>

View File

@ -15,8 +15,7 @@
</tr>
{{ range sort $components "component" }}
<tr>
<td><a href="/reference/components-reference/supported-name-resolution/{{ .link }}/" }}>{{ .component
}}</a>
<td><a href="/reference/components-reference/supported-name-resolution/{{ .link }}/">{{ .component }}</a>
</td>
<td>{{ .state }}</td>
<td>{{ .version }}</td>

View File

@ -16,8 +16,7 @@
</tr>
{{ range sort $components "component" }}
<tr>
<td><a href="/reference/components-reference/supported-pubsub/{{ .link }}/" }}>{{ .component
}}</a>
<td><a href="/reference/components-reference/supported-pubsub/{{ .link }}/">{{ .component }}</a>
</td>
<td>{{ .state }}</td>
<td>{{ .version }}</td>

View File

@ -27,10 +27,16 @@
</tr>
{{ range sort $components "component" }}
<tr>
<td><a href="/reference/components-reference/supported-secret-stores/{{ .link }}/" }}>{{ .component
}}</a>
<td>
<a href="/reference/components-reference/supported-secret-stores/{{ .link }}/">{{ .component }}</a>
</td>
<td align="center">
{{ if .features.multipleKeyValuesPerSecret }}
<span role="img" aria-label="Multiple Key-Values Per Secret: Supported"></span>
{{else}}
<img src="/images/emptybox.png" alt="Multiple Key-Values Per Secret: Not supported" aria-label="Multiple Key-Values Per Secret: Not supported" />
{{ end }}
</td>
<td align="center">{{ if .features.multipleKeyValuesPerSecret }}✅{{else}}<img src="/images/emptybox.png">{{ end }}</td>
<td>{{ .state }}</td>
<td>{{ .version }}</td>
<td>{{ .since }}</td>

View File

@ -23,16 +23,51 @@
</tr>
{{ range sort $components "component" }}
<tr>
<td><a href="/reference/components-reference/supported-state-stores/{{ .link }}/" }}>{{ .component
}}</a>
<td>
<a href="/reference/components-reference/supported-state-stores/{{ .link }}/">{{ .component }}</a>
</td>
<td align="center">
{{ if .features.crud }}
<span role="img" aria-label="CRUD: Supported"></span>
{{else}}
<img src="/images/emptybox.png" alt="CRUD: Not supported" aria-label="CRUD: Not supported" />
{{ end }}
</td>
<td align="center">
{{ if .features.transactions }}
<span role="img" aria-label="Transactions: Supported"></span>
{{else}}
<img src="/images/emptybox.png" alt="Transactions: Not supported" aria-label="Transactions: Not supported" />
{{ end }}
</td>
<td align="center">
{{ if .features.etag }}
<span role="img" aria-label="ETag: Supported"></span>
{{else}}
<img src="/images/emptybox.png" alt="ETag: Not supported" aria-label="ETag: Not supported" />
{{ end }}
</td>
<td align="center">
{{ if .features.ttl }}
<span role="img" aria-label="TTL: Supported"></span>
{{else}}
<img src="/images/emptybox.png" alt="TTL: Not supported" aria-label="TTL: Not supported" />
{{ end }}
</td>
<td align="center">
{{ if (and .features.transactions .features.etag) }}
<span role="img" aria-label="Actors: Supported"></span>
{{else}}
<img src="/images/emptybox.png" alt="Actors: Not supported" aria-label="Actors: Not supported" />
{{ end }}
</td>
<td align="center">
{{ if .features.query }}
<span role="img" aria-label="Query: Supported"></span>
{{else}}
<img src="/images/emptybox.png" alt="Query: Not supported" aria-label="Query: Not supported" />
{{ end }}
</td>
<td align="center">{{ if .features.crud }}✅{{else}}<img src="/images/emptybox.png">{{ end }}</td>
<td align="center">{{ if .features.transactions }}✅{{else}}<img src="/images/emptybox.png">{{ end }}</td>
<td align="center">{{ if .features.etag }}✅{{else}}<img src="/images/emptybox.png">{{ end }}</td>
<td align="center">{{ if .features.ttl }}✅{{else}}<img src="/images/emptybox.png">{{ end }}</td>
<td align="center">{{ if (and .features.transactions .features.etag) }}✅{{else}}<img
src="/images/emptybox.png">{{ end }}</td>
<td align="center">{{ if .features.query }}✅{{else}}<img src="/images/emptybox.png">{{ end }}</td>
<td>{{ .state }}</td>
<td>{{ .version }}</td>
<td>{{ .since }}</td>