fix(andreknie.de): close accessibility and performance review gaps
This commit is contained in:
@@ -22,11 +22,14 @@ export default function KniepunktIssue() {
|
||||
}
|
||||
|
||||
if (!issue.body) {
|
||||
const loadFailed = issue.detailError
|
||||
return (
|
||||
<main style={{ paddingTop: '120px', minHeight: '100vh' }}>
|
||||
<SEOHead title={issue.title} description={issue.summary || issue.title} url={`/kniepunkt/${issue.slug}`} type="article" image={issue.image} />
|
||||
<div className="app-container" style={{ textAlign: 'center' }}>
|
||||
<p role="status" aria-live="polite">Kniepunkt-Ausgabe wird geladen …</p>
|
||||
<p role={loadFailed ? 'alert' : 'status'} aria-live={loadFailed ? 'assertive' : 'polite'}>
|
||||
{loadFailed ? 'Die Kniepunkt-Ausgabe konnte nicht geladen werden.' : 'Kniepunkt-Ausgabe wird geladen …'}
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user