fix: update a11y

Author: thorkellmani

apps/portals/my-pages/src/components/Header/Header.tsx

@@ -184,6 +184,7 @@ export const Header = ({ position, includeSearchInHeader = false }: Props) => {
                             ? setMenuOpen(undefined)
                             : setMenuOpen('side')
                         }}
+                        aria-label={formatMessage(m.overview)}
                         ref={ref}
                       >
                         <Hidden below="sm">{formatMessage(m.overview)}</Hidden>

libs/portals/my-pages/documents/src/components/DocumentRenderer/PdfDocument.tsx

@@ -53,6 +53,7 @@ export const PdfDocument: React.FC<PdfDocumentProps> = ({
             icon="remove"
             variant="ghost"
             size="small"
+            aria-label={formatMessage(messages.zoomIn)}
             onClick={() => setScalePDF(scalePDF - 0.1)}
             disabled={0.6 > scalePDF}
           />
@@ -61,6 +62,7 @@ export const PdfDocument: React.FC<PdfDocumentProps> = ({
             display="flex"
             justifyContent="center"
             alignItems="center"
+            aria-label={formatMessage(messages.zoomLevel)}
           >
             <Text variant="small">
               {((scalePDF / initScale) * 100).toFixed(0) + '%'}
@@ -71,6 +73,7 @@ export const PdfDocument: React.FC<PdfDocumentProps> = ({
             icon="add"
             variant="ghost"
             size="small"
+            aria-label={formatMessage(messages.zoomIn)}
             onClick={() => {
               setScalePDF(scalePDF + 0.1)
             }}
@@ -83,6 +86,7 @@ export const PdfDocument: React.FC<PdfDocumentProps> = ({
             icon="expand"
             variant="ghost"
             size="small"
+            aria-label={formatMessage(messages.expand)}
             onClick={() => expandCallback(true)}
           />
         ) : onClose ? (
@@ -91,6 +95,7 @@ export const PdfDocument: React.FC<PdfDocumentProps> = ({
             icon="close"
             variant="ghost"
             size="small"
+            aria-label={formatMessage(messages.close)}
             onClick={onClose}
           />
         ) : undefined}

libs/portals/my-pages/documents/src/utils/messages.ts

@@ -116,4 +116,24 @@ export const messages = defineMessages({
     id: 'sp.documents:search-label',
     defaultMessage: 'Leita',
   },
+  zoomIn: {
+    id: 'sp.documents:zoom-in',
+    defaultMessage: 'Þysja að',
+  },
+  zoomOut: {
+    id: 'sp.documents:zoom-out',
+    defaultMessage: 'Þysja frá',
+  },
+  zoomLevel: {
+    id: 'sp.documents:zoom-level',
+    defaultMessage: 'Þysjuhlutfall',
+  },
+  expand: {
+    id: 'sp.documents:expand',
+    defaultMessage: 'Stækka',
+  },
+  close: {
+    id: 'sp.documents:close',
+    defaultMessage: 'Loka',
+  },
 })