@ndla/ui 22.0.0 → 22.0.3

package/lib/locale/messages-nn.d.ts

@@ -29,6 +29,8 @@ declare const messages: {
             collectedInfo: string;
             general: string;
             topic: string;
+            isAuth: string;
+            isNotAuth: string;
         };
         resource: {
             accessDenied: string;
@@ -63,7 +65,10 @@ declare const messages: {
             delete: string;
             edit: string;
             missingName: string;
+            folderDeleted: string;
         };
+        tags: string;
+        tags_plural: string;
         confirmDeleteFolder: string;
         confirmDeleteTag: string;
         myFolders: string;
@@ -74,6 +79,7 @@ declare const messages: {
         favourites: string;
         addToFavourites: string;
         alreadyFavourited: string;
+        alreadyInFolder: string;
         help: string;
         more: string;
         listView: string;
@@ -83,6 +89,9 @@ declare const messages: {
             myPage: string;
             deleteAccount: string;
             logout: string;
+            loginTerms: string;
+            loginResourcePitch: string;
+            loginWelcome: string;
             welcome: string;
             read: {
                 our: string;
@@ -118,9 +127,17 @@ declare const messages: {
         resource: {
             add: string;
             remove: string;
+            removeTitle: string;
+            confirmRemove: string;
             copyLink: string;
+            linkCopied: string;
             addToMyNdla: string;
             addedToMyNdla: string;
+            addedToFolder: string;
+            removedFromFolder: string;
+            titleUpdated: string;
+            tagsUpdated: string;
+            show: string;
         };
     };
     snackbar: {
@@ -296,6 +313,7 @@ declare const messages: {
         contextModal: {
             button: string;
             heading: string;
+            ariaLabel: string;
         };
     };
     subjectPage: {
@@ -341,6 +359,7 @@ declare const messages: {
         articleErrorDescription: string;
         topic: string;
         topics: string;
+        imageModal: string;
     };
     welcomePage: {
         search: string;
@@ -398,6 +417,7 @@ declare const messages: {
             toFrontpage: string;
             subjectOverview: string;
             title: string;
+            modalLabel: string;
             subjectPage: string;
             backToSubjectFrontpage: string;
             openFilter: string;
@@ -508,6 +528,7 @@ declare const messages: {
     competenceGoals: {
         competenceGoal: string;
         title: string;
+        modalText: string;
         closeCompetenceGoals: string;
         showCompetenceGoals: string;
         openCompentenceGoalsFilter: string;

package/lib/locale/messages-nn.js

@@ -172,7 +172,8 @@ var messages = _objectSpread(_objectSpread({
     },
     contextModal: {
       button: '+ {{count}} fleire stader',
-      heading: 'Ressursen er brukt fleire stader'
+      heading: 'Ressursen er brukt fleire stader',
+      ariaLabel: 'Sjå fleire kontekstar'
     }
   },
   subjectPage: {
@@ -217,7 +218,8 @@ var messages = _objectSpread(_objectSpread({
   topicPage: {
     articleErrorDescription: 'Orsak, ein feil oppstod under lasting av emneskildringa.',
     topic: 'EMNE',
-    topics: 'Emne'
+    topics: 'Emne',
+    imageModal: 'Sjå biletet i full storleik'
   },
   welcomePage: {
     search: 'Søk',
@@ -275,6 +277,7 @@ var messages = _objectSpread(_objectSpread({
       toFrontpage: 'Til framsida',
       subjectOverview: 'Alle fag',
       title: 'Innhald',
+      modalLabel: 'Vel innhald',
       subjectPage: 'Fagframside',
       backToSubjectFrontpage: 'Tilbake til fagframsida',
       openFilter: 'Filter',
@@ -361,6 +364,7 @@ var messages = _objectSpread(_objectSpread({
   competenceGoals: {
     competenceGoal: 'kompetansemål',
     title: 'Kompetansemål og læreplan',
+    modalText: 'Utforsk læreplankoplingar',
     closeCompetenceGoals: 'Lukk kompetansemål',
     showCompetenceGoals: 'Vis kompetansemål',
     openCompentenceGoalsFilter: 'Filtrer kompetansemål',
@@ -923,7 +927,9 @@ var messages = _objectSpread(_objectSpread({
     modal: {
       collectedInfo: 'Vi har henta denne informasjonen om deg frå Feide:',
       general: 'Ressursane som krev pålogging med Feide, vises med ikonet',
-      topic: ' Logg inn med Feide for å få tilgang til dette emnet.'
+      topic: ' Logg inn med Feide for å få tilgang til dette emnet.',
+      isAuth: 'Brukarinfo',
+      isNotAuth: 'Logg inn med Feide'
     },
     resource: {
       accessDenied: 'Vi beklagar, men denne ressursen er berre for lærarar innlogga med Feide.'
@@ -957,8 +963,11 @@ var messages = _objectSpread(_objectSpread({
       folder: 'Mappe',
       "delete": 'Slett',
       edit: 'Rediger',
-      missingName: 'Mappenavn er påkrevd'
+      missingName: 'Mappenavn er påkrevd',
+      folderDeleted: '"{{folderName}}" er sletta'
     },
+    tags: '{{count}} tag',
+    tags_plural: '{{count}} tags',
     confirmDeleteFolder: 'Er du sikker på at du vil slette mappa? Denne handlinga kan ikkje angres.',
     confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlinga kan ikkje angres.',
     myFolders: 'Mine mapper',
@@ -969,6 +978,7 @@ var messages = _objectSpread(_objectSpread({
     favourites: 'Favorittar',
     addToFavourites: 'Legg til i mine favorittar',
     alreadyFavourited: 'Allereie lagt til i mine favorittar',
+    alreadyInFolder: 'Finnes allereie i mappa',
     help: 'Hjelp',
     more: 'Fleire val',
     listView: 'Listevisning',
@@ -978,6 +988,9 @@ var messages = _objectSpread(_objectSpread({
       myPage: 'Min side',
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',
+      loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjennar du våre vilkår for bruk',
+      loginResourcePitch: 'Ønsker du å favorittmerke denne sida?',
+      loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome: 'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
       read: {
         our: 'Les våre',
@@ -1013,9 +1026,17 @@ var messages = _objectSpread(_objectSpread({
     resource: {
       add: 'Legg til mappe/tag',
       remove: 'Fjern',
+      removeTitle: 'Fjern ressurs',
+      confirmRemove: 'Er du sikker på at du ønsker å fjerne ressursen frå denne mappen?',
       copyLink: 'Kopier lenke til sida',
+      linkCopied: 'Kopiert til utklippstavla',
       addToMyNdla: 'Legg i Min NDLA',
-      addedToMyNdla: 'Lagt i Min NDLA'
+      addedToMyNdla: 'Lagt i Min NDLA',
+      addedToFolder: 'Ressurs er lagt i "{{folderName}}"',
+      removedFromFolder: 'Fjernet fra "{{folderName}}"',
+      titleUpdated: 'Tittel oppdatert',
+      tagsUpdated: 'Tags oppdatert',
+      show: 'Vis'
     }
   },
   snackbar: {

package/lib/locale/messages-se.d.ts

@@ -29,6 +29,8 @@ declare const messages: {
             collectedInfo: string;
             general: string;
             topic: string;
+            isAuth: string;
+            isNotAuth: string;
         };
         resource: {
             accessDenied: string;
@@ -63,7 +65,10 @@ declare const messages: {
             delete: string;
             edit: string;
             missingName: string;
+            folderDeleted: string;
         };
+        tags: string;
+        tags_plural: string;
         confirmDeleteFolder: string;
         confirmDeleteTag: string;
         myFolders: string;
@@ -74,6 +79,7 @@ declare const messages: {
         favourites: string;
         addToFavourites: string;
         alreadyFavourited: string;
+        alreadyInFolder: string;
         help: string;
         more: string;
         listView: string;
@@ -83,6 +89,9 @@ declare const messages: {
             myPage: string;
             deleteAccount: string;
             logout: string;
+            loginTerms: string;
+            loginResourcePitch: string;
+            loginWelcome: string;
             welcome: string;
             read: {
                 our: string;
@@ -118,9 +127,17 @@ declare const messages: {
         resource: {
             add: string;
             remove: string;
+            removeTitle: string;
+            confirmRemove: string;
             copyLink: string;
+            linkCopied: string;
             addToMyNdla: string;
             addedToMyNdla: string;
+            addedToFolder: string;
+            removedFromFolder: string;
+            titleUpdated: string;
+            tagsUpdated: string;
+            show: string;
         };
     };
     snackbar: {
@@ -296,6 +313,7 @@ declare const messages: {
         contextModal: {
             button: string;
             heading: string;
+            ariaLabel: string;
         };
     };
     subjectPage: {
@@ -341,6 +359,7 @@ declare const messages: {
         articleErrorDescription: string;
         topic: string;
         topics: string;
+        imageModal: string;
     };
     welcomePage: {
         search: string;
@@ -398,6 +417,7 @@ declare const messages: {
             toFrontpage: string;
             subjectOverview: string;
             title: string;
+            modalLabel: string;
             subjectPage: string;
             backToSubjectFrontpage: string;
             openFilter: string;
@@ -508,6 +528,7 @@ declare const messages: {
     competenceGoals: {
         competenceGoal: string;
         title: string;
+        modalText: string;
         closeCompetenceGoals: string;
         showCompetenceGoals: string;
         openCompentenceGoalsFilter: string;

package/lib/locale/messages-se.js

@@ -172,7 +172,8 @@ var messages = _objectSpread(_objectSpread({
     },
     contextModal: {
       button: '+ {{count}} flere steder',
-      heading: 'Ressursen er brukt flere steder'
+      heading: 'Ressursen er brukt flere steder',
+      ariaLabel: 'Se flere kontekster'
     }
   },
   subjectPage: {
@@ -217,7 +218,8 @@ var messages = _objectSpread(_objectSpread({
   topicPage: {
     articleErrorDescription: 'Beklager, en feil oppstod under lasting av emnebeskrivelsen.',
     topic: 'EMNE',
-    topics: 'Emner'
+    topics: 'Emner',
+    imageModal: 'Se bildet i full størrelse'
   },
   welcomePage: {
     search: 'Søk',
@@ -275,6 +277,7 @@ var messages = _objectSpread(_objectSpread({
       toFrontpage: 'Til forsiden',
       subjectOverview: 'Alle fag',
       title: 'Innhold',
+      modalLabel: 'Velg innhold',
       subjectPage: 'Fagforside',
       backToSubjectFrontpage: 'Tilbake til fagforsiden',
       openFilter: 'Filter',
@@ -361,6 +364,7 @@ var messages = _objectSpread(_objectSpread({
   competenceGoals: {
     competenceGoal: 'kompetansemål',
     title: 'Kompetansemål og læreplan',
+    modalText: 'Utforsk læreplankoblinger',
     closeCompetenceGoals: 'Lukk kompetansemål',
     showCompetenceGoals: 'Vis kompetansemål',
     openCompentenceGoalsFilter: 'Filtrer kompetansemål',
@@ -923,7 +927,9 @@ var messages = _objectSpread(_objectSpread({
     modal: {
       collectedInfo: 'Vi har hentet følgende informasjon om deg fra Feide:',
       general: 'Ressursene som krever pålogging med Feide, vises med ikonet',
-      topic: 'Logg inn med Feide for å få tilgang til dette emnet.'
+      topic: 'Logg inn med Feide for å få tilgang til dette emnet.',
+      isAuth: 'Brukerinfo',
+      isNotAuth: 'Logg inn med Feide'
     },
     resource: {
       accessDenied: 'Vi beklager, men denne ressursen er bare for lærere innlogget med Feide.'
@@ -957,8 +963,11 @@ var messages = _objectSpread(_objectSpread({
       folder: 'Mappe',
       "delete": 'Slett',
       edit: 'Rediger',
-      missingName: 'Mappenavn er påkrevd'
+      missingName: 'Mappenavn er påkrevd',
+      folderDeleted: '"{{folderName}}" er sletta'
     },
+    tags: '{{count}} tag',
+    tags_plural: '{{count}} tags',
     confirmDeleteFolder: 'Er du sikker på at du vil slette mappen? Denne handlingen kan ikke angres.',
     confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlingen kan ikke angres.',
     myFolders: 'Mine mapper',
@@ -969,6 +978,7 @@ var messages = _objectSpread(_objectSpread({
     favourites: 'Favoritter',
     addToFavourites: 'Legg til i mine favoritter',
     alreadyFavourited: 'Allerede lagt til i mine favoritter',
+    alreadyInFolder: 'Finnes allerede i mappen',
     help: 'Hjelp',
     more: 'Flere valg',
     listView: 'Listevisning',
@@ -978,6 +988,9 @@ var messages = _objectSpread(_objectSpread({
       myPage: 'Min side',
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',
+      loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjennar du våre vilkår for bruk',
+      loginResourcePitch: 'Ønsker du å favorittmerke denne sida?',
+      loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome: 'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
       read: {
         our: 'Les våre',
@@ -1013,9 +1026,17 @@ var messages = _objectSpread(_objectSpread({
     resource: {
       add: 'Legg til mappe/tag',
       remove: 'Fjern',
+      removeTitle: 'Fjern ressurs',
+      confirmRemove: 'Er du sikker på at du ønsker å fjerne ressursen frå denne mappen?',
       copyLink: 'Kopier lenke til siden',
+      linkCopied: 'Kopiert til utklippstavla',
       addToMyNdla: 'Legg i Min NDLA',
-      addedToMyNdla: 'Lagt i Min NDLA'
+      addedToMyNdla: 'Lagt i Min NDLA',
+      addedToFolder: 'Ressurs er lagt i "{{folderName}}"',
+      removedFromFolder: 'Fjernet fra "{{folderName}}"',
+      titleUpdated: 'Tittel oppdatert',
+      tagsUpdated: 'Tags oppdatert',
+      show: 'Vis'
     }
   },
   snackbar: {

package/lib/locale/messages-sma.d.ts

@@ -29,6 +29,8 @@ declare const messages: {
             collectedInfo: string;
             general: string;
             topic: string;
+            isAuth: string;
+            isNotAuth: string;
         };
         resource: {
             accessDenied: string;
@@ -63,7 +65,10 @@ declare const messages: {
             delete: string;
             edit: string;
             missingName: string;
+            folderDeleted: string;
         };
+        tags: string;
+        tags_plural: string;
         confirmDeleteFolder: string;
         confirmDeleteTag: string;
         myFolders: string;
@@ -74,6 +79,7 @@ declare const messages: {
         favourites: string;
         addToFavourites: string;
         alreadyFavourited: string;
+        alreadyInFolder: string;
         help: string;
         more: string;
         listView: string;
@@ -83,6 +89,9 @@ declare const messages: {
             myPage: string;
             deleteAccount: string;
             logout: string;
+            loginTerms: string;
+            loginResourcePitch: string;
+            loginWelcome: string;
             welcome: string;
             read: {
                 our: string;
@@ -118,9 +127,17 @@ declare const messages: {
         resource: {
             add: string;
             remove: string;
+            removeTitle: string;
+            confirmRemove: string;
             copyLink: string;
+            linkCopied: string;
             addToMyNdla: string;
             addedToMyNdla: string;
+            addedToFolder: string;
+            removedFromFolder: string;
+            titleUpdated: string;
+            tagsUpdated: string;
+            show: string;
         };
     };
     snackbar: {
@@ -296,6 +313,7 @@ declare const messages: {
         contextModal: {
             button: string;
             heading: string;
+            ariaLabel: string;
         };
     };
     subjectPage: {
@@ -341,6 +359,7 @@ declare const messages: {
         articleErrorDescription: string;
         topic: string;
         topics: string;
+        imageModal: string;
     };
     welcomePage: {
         search: string;
@@ -398,6 +417,7 @@ declare const messages: {
             toFrontpage: string;
             subjectOverview: string;
             title: string;
+            modalLabel: string;
             subjectPage: string;
             backToSubjectFrontpage: string;
             openFilter: string;
@@ -508,6 +528,7 @@ declare const messages: {
     competenceGoals: {
         competenceGoal: string;
         title: string;
+        modalText: string;
         closeCompetenceGoals: string;
         showCompetenceGoals: string;
         openCompentenceGoalsFilter: string;

package/lib/locale/messages-sma.js

@@ -172,7 +172,8 @@ var messages = _objectSpread(_objectSpread({
     },
     contextModal: {
       button: '+ {{count}} flere steder',
-      heading: 'Ressursen er brukt flere steder'
+      heading: 'Ressursen er brukt flere steder',
+      ariaLabel: 'Se flere kontekster'
     }
   },
   subjectPage: {
@@ -217,7 +218,8 @@ var messages = _objectSpread(_objectSpread({
   topicPage: {
     articleErrorDescription: 'Beklager, en feil oppstod under lasting av emnebeskrivelsen.',
     topic: 'EMNE',
-    topics: 'Emner'
+    topics: 'Emner',
+    imageModal: 'Se bildet i full størrelse'
   },
   welcomePage: {
     search: 'Søk',
@@ -275,6 +277,7 @@ var messages = _objectSpread(_objectSpread({
       toFrontpage: 'Til forsiden',
       subjectOverview: 'Alle fag',
       title: 'Innhold',
+      modalLabel: 'Velg innhold',
       subjectPage: 'Fagforside',
       backToSubjectFrontpage: 'Tilbake til fagforsiden',
       openFilter: 'Filter',
@@ -361,6 +364,7 @@ var messages = _objectSpread(_objectSpread({
   competenceGoals: {
     competenceGoal: 'kompetansemål',
     title: 'Kompetansemål og læreplan',
+    modalText: 'Utforsk læreplankoblinger',
     closeCompetenceGoals: 'Lukk kompetansemål',
     showCompetenceGoals: 'Vis kompetansemål',
     openCompentenceGoalsFilter: 'Filtrer kompetansemål',
@@ -923,7 +927,9 @@ var messages = _objectSpread(_objectSpread({
     modal: {
       collectedInfo: 'Vi har hentet følgende informasjon om deg fra Feide:',
       general: 'Ressursene som krever pålogging med Feide, vises med ikonet',
-      topic: 'Logg inn med Feide for å få tilgang til dette emnet.'
+      topic: 'Logg inn med Feide for å få tilgang til dette emnet.',
+      isAuth: 'Brukerinfo',
+      isNotAuth: 'Logg inn med Feide'
     },
     resource: {
       accessDenied: 'Vi beklager, men denne ressursen er bare for lærere innlogget med Feide.'
@@ -957,8 +963,11 @@ var messages = _objectSpread(_objectSpread({
       folder: 'Mappe',
       "delete": 'Slett',
       edit: 'Rediger',
-      missingName: 'Mappenavn er påkrevd'
+      missingName: 'Mappenavn er påkrevd',
+      folderDeleted: '"{{folderName}}" er sletta'
     },
+    tags: '{{count}} tag',
+    tags_plural: '{{count}} tags',
     confirmDeleteFolder: 'Er du sikker på at du vil slette mappen? Denne handlingen kan ikke angres.',
     confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlingen kan ikke angres.',
     myFolders: 'Mine mapper',
@@ -969,6 +978,7 @@ var messages = _objectSpread(_objectSpread({
     favourites: 'Favoritter',
     addToFavourites: 'Legg til i mine favoritter',
     alreadyFavourited: 'Allerede lagt til i mine favoritter',
+    alreadyInFolder: 'Finnes allerede i mappen',
     help: 'Hjelp',
     more: 'Flere valg',
     listView: 'Listevisning',
@@ -978,6 +988,9 @@ var messages = _objectSpread(_objectSpread({
       myPage: 'Min side',
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',
+      loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjennar du våre vilkår for bruk',
+      loginResourcePitch: 'Ønsker du å favorittmerke denne sida?',
+      loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome: 'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
       read: {
         our: 'Les våre',
@@ -1013,9 +1026,17 @@ var messages = _objectSpread(_objectSpread({
     resource: {
       add: 'Legg til mappe/tag',
       remove: 'Fjern',
+      removeTitle: 'Fjern ressurs',
+      confirmRemove: 'Er du sikker på at du ønsker å fjerne ressursen frå denne mappen?',
       copyLink: 'Kopier lenke til siden',
+      linkCopied: 'Kopiert til utklippstavla',
       addToMyNdla: 'Legg i Min NDLA',
-      addedToMyNdla: 'Lagt i Min NDLA'
+      addedToMyNdla: 'Lagt i Min NDLA',
+      addedToFolder: 'Ressurs er lagt i "{{folderName}}"',
+      removedFromFolder: 'Fjernet fra "{{folderName}}"',
+      titleUpdated: 'Tittel oppdatert',
+      tagsUpdated: 'Tags oppdatert',
+      show: 'Vis'
     }
   },
   snackbar: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "22.0.0",
+  "version": "22.0.3",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,16 +31,16 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/button": "^3.2.0",
+    "@ndla/button": "^3.2.1",
     "@ndla/carousel": "^1.2.15",
     "@ndla/core": "^2.3.3",
     "@ndla/forms": "^3.1.3",
     "@ndla/hooks": "^1.1.4",
     "@ndla/icons": "^1.11.3",
     "@ndla/licenses": "^5.0.6",
-    "@ndla/modal": "^1.2.16",
-    "@ndla/notion": "^3.1.26",
-    "@ndla/safelink": "^2.2.4",
+    "@ndla/modal": "^1.2.17",
+    "@ndla/notion": "^3.1.28",
+    "@ndla/safelink": "^2.2.5",
     "@ndla/switch": "^0.1.10",
     "@ndla/tabs": "^1.1.14",
     "@ndla/tooltip": "^2.1.5",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "683202fb5ba5a555e6a3d61c89e5cce4ae3b151c"
+  "gitHead": "7a872c80b02640a49da4f6343a032c1c242f5aed"
 }

package/src/Article/ArticleByline.tsx

@@ -102,6 +102,8 @@ const ArticleByline = ({
   const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
   const showSecondaryContributors = suppliers.length > 0 && authors.length > 0;
 
+  const buttonId = 'popupUseContent';
+
   return (
     <Wrapper>
       <div>
@@ -124,8 +126,9 @@ const ArticleByline = ({
       <ButtonWrapper>
         {licenseBox && (
           <Modal
+            labelledBy={buttonId}
             activateButton={
-              <Button size="small" borderShape="rounded" outline>
+              <Button id={buttonId} size="small" borderShape="rounded" outline>
                 {t('article.useContent')}
               </Button>
             }

package/src/Article/ArticleNotions.tsx

@@ -165,14 +165,17 @@ type ArticleNotionsProps = {
 export const ArticleNotions = ({ notions, relatedContent = [], buttonOffsetRight, type }: ArticleNotionsProps) => {
   const { t } = useTranslation();
   const leftOffset = `${buttonOffsetRight - 32}px`;
+  const headingId = 'popupNotionHeading';
+
   return (
     <ArticleNotionsContainer>
       <Modal
+        labelledBy={headingId}
         activateButton={
           <NotionsTrigger role="button" aria-label={t('article.notionsPrompt')} style={{ left: leftOffset }}>
             <NotionFlip />
             <Explanation />
-            <span>{t('article.notionsPrompt')}</span>
+            <span id={headingId}>{t('article.notionsPrompt')}</span>
           </NotionsTrigger>
         }
         size="large"

package/src/Breadcrumb/ActionBreadcrumb.tsx

@@ -47,7 +47,7 @@ const ActionBreadcrumb = ({ items, actionItems }: Props) => {
     if (totalCount === 1) {
       return <StyledSpan title={item.name}>{item.name}</StyledSpan>;
     }
-    if (item.index === totalCount - 1) {
+    if (item.index === totalCount - 1 && actionItems.length > 0) {
       return (
         <MenuButton menuItems={actionItems} size="small">
           <StyledSpan title={item.name}>{item.name}</StyledSpan>

package/src/CompetenceGoals/CompetenceGoalsDialog.jsx

@@ -33,8 +33,11 @@ const HeadingWrapper = styled.h2`
 
 export const CompetenceGoalsDialog = ({ children, isOpen, onClose, subjectName, modalProps }) => {
   const { t } = useTranslation();
+  const iconId = 'popupCompetenceGoals';
+
   return (
     <Modal
+      labelledBy={iconId}
       {...modalProps}
       controllable
       isOpen={isOpen}
@@ -48,8 +51,8 @@ export const CompetenceGoalsDialog = ({ children, isOpen, onClose, subjectName,
           <ModalHeader modifier="menu">
             <HeaderWrapper>
               <HeadingWrapper>
-                <FooterHeaderIcon size="24px" style={{ marginRight: '20px' }} />
-                {'Utforsk læreplankoblinger'} {subjectName && ` \u2022 ${subjectName}`}
+                <FooterHeaderIcon id={iconId} size="24px" style={{ marginRight: '20px' }} />
+                {t('competenceGoals.modalText')} {subjectName && ` \u2022 ${subjectName}`}
               </HeadingWrapper>
               <ModalCloseButton onClick={close} title={t('competenceGoals.competenceGoalClose')} />
             </HeaderWrapper>