keepsimpleio · MaryWylde · Aug 6, 2026 · Aug 5, 2026 · Aug 5, 2026 · Aug 5, 2026
diff --git a/src/components/Box/Box.tsx b/src/components/Box/Box.tsx
@@ -38,7 +38,7 @@ const Box: FC<CookiesBoxProps> = ({ setIsSeen }) => {
           >
             <Image
               src="/keepsimple_/assets/cookies/close.svg"
-              alt=""
+              alt="Close cookie notice"
               width={26}
               height={26}
               className={styles.closeIcon}

diff --git a/src/components/SeoGenerator/SeoGenerator.tsx b/src/components/SeoGenerator/SeoGenerator.tsx
@@ -163,8 +163,11 @@ const SeoGenerator: FC<SeoGeneratorProps> = ({
     return clean;
   }
 
+  // A lone "/" here yields .../ru/ or .../hy/, which 308-redirects to the
+  // slashless form and makes the canonical point at a redirect.
+  const canonicalPath = cleanURL(alternateLink).replace(/^\/(?=$|[?#])/, '');
   const originalUrl =
-    process.env.NEXT_PUBLIC_DOMAIN + localePath + cleanURL(alternateLink);
+    process.env.NEXT_PUBLIC_DOMAIN + localePath + canonicalPath;
   const favIcon = `${process.env.NEXT_PUBLIC_DOMAIN}${favIconPath}`;
   const schema = generateSchema(
     title,

diff --git a/src/components/longevity/EnvironmentSubSection/EnvironmentSubSection.tsx b/src/components/longevity/EnvironmentSubSection/EnvironmentSubSection.tsx
@@ -25,7 +25,7 @@ const EnvironmentSubSection: FC<EnvironmentSubSectionProps> = ({
       })}
     >
       <div className={styles.titleAndIcon}>
-        <Image src={iconUrl} alt={''} width={24} height={24} unoptimized />
+        <Image src={iconUrl} alt={name} width={24} height={24} unoptimized />
         <span className={styles.title}> {name}</span>
       </div>
       <hr className={styles.hr} />

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
@@ -22,7 +22,7 @@ const Custom404: FC<Custom404Props> = ({ intl, locale }) => {
   return (
     <Fragment>
       <Head>
-        <meta name="robots" content={'index, follow'} />
+        <meta name="robots" content={'noindex, follow'} />
         <title>Keepsimple | Error Page</title>
         <link rel="shortcut icon" href={'/keepsimple_/assets/favicon.svg'} />
         <meta name="description" content={'404 page - page not found'} />

diff --git a/src/uxcore/components/NewUpdateModal/NewUpdateModal.tsx b/src/uxcore/components/NewUpdateModal/NewUpdateModal.tsx
@@ -1,11 +1,10 @@
+import Button from '@uxcore/components/Button';
+import Modal from '@uxcore/components/Modal';
 import Image from 'next/image';
 import Link from 'next/link';
 import { FC } from 'react';
 import ReactMarkdown from 'react-markdown';
 
-import Button from '@uxcore/components/Button';
-import Modal from '@uxcore/components/Modal';
-
 import type { NewUpdateModalProps } from './NewUpdateModal.types';
 
 import styles from './NewUpdateModal.module.scss';

diff --git a/src/uxcore/components/NewUpdateModal/NewUpdateModal.types.ts b/src/uxcore/components/NewUpdateModal/NewUpdateModal.types.ts
@@ -12,6 +12,7 @@ export interface NewUpdateData {
   'Close button text'?: string;
   'Frontend modal visibility'?: boolean;
   'Appears after x seconds'?: number;
+  updatedAt?: string;
 }
 
 export interface NewUpdateModalProps {

diff --git a/src/uxcore/components/NewUpdateModal/NewUpdateModalContainer.tsx b/src/uxcore/components/NewUpdateModal/NewUpdateModalContainer.tsx
@@ -5,6 +5,8 @@ import { FC, useEffect, useState } from 'react';
 import NewUpdateModal from './NewUpdateModal';
 import type { NewUpdateData } from './NewUpdateModal.types';
 
+const DISMISSED_KEY = 'uxcoreNewUpdateDismissed';
+
 const NewUpdateModalContainer: FC = () => {
   const router = useRouter();
   const [data, setData] = useState<NewUpdateData | null>(null);
@@ -22,6 +24,11 @@ const NewUpdateModalContainer: FC = () => {
 
         if (cancelled || !res || !res['Frontend modal visibility']) return;
 
+        // Dismissal is keyed to the CMS updatedAt: closing hides this update
+        // for the rest of the session, but a newly published one shows again.
+        if (sessionStorage.getItem(DISMISSED_KEY) === (res.updatedAt ?? 'seen'))
+          return;
+
         setData(res);
 
         const delaySeconds = Number(res['Appears after x seconds']) || 0;
@@ -42,9 +49,18 @@ const NewUpdateModalContainer: FC = () => {
     };
   }, [router.locale]);
 
+  const handleClose = () => {
+    setOpen(false);
+    try {
+      sessionStorage.setItem(DISMISSED_KEY, data?.updatedAt ?? 'seen');
+    } catch {
+      // Storage can be unavailable (private mode); closing still works.
+    }
+  };
+
   if (!open || !data) return null;
 
-  return <NewUpdateModal data={data} onClose={() => setOpen(false)} />;
+  return <NewUpdateModal data={data} onClose={handleClose} />;
 };
 
 export default NewUpdateModalContainer;
diff --git a/src/uxcore/components/SeoGenerator/SeoGenerator.tsx b/src/uxcore/components/SeoGenerator/SeoGenerator.tsx
@@ -181,8 +181,11 @@ const SeoGenerator: FC<SeoGeneratorProps> = ({
     return clean;
   }
 
+  // A lone "/" here yields .../ru/ or .../hy/, which 308-redirects to the
+  // slashless form and makes the canonical point at a redirect.
+  const canonicalPath = cleanURL(alternateLink).replace(/^\/(?=$|[?#])/, '');
   const originalUrl =
-    process.env.NEXT_PUBLIC_DOMAIN + localePath + cleanURL(alternateLink);
+    process.env.NEXT_PUBLIC_DOMAIN + localePath + canonicalPath;
   const metaDescription = isBiasHrView
     ? hrDescriptionRandom[0]
     : stripHTML(description);

diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/BiasPanel/BiasPanel.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/BiasPanel/BiasPanel.tsx
@@ -123,6 +123,7 @@ const BiasPanel = forwardRef<HTMLDivElement, BiasPanelProps>(
           <div className={styles.Header}>
             <FlagImage
               countryCode={country.id}
+              countryName={country.name}
               size={40}
               className={styles.HeaderFlag}
             />

diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/CountryList/CountryList.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/CountryList/CountryList.tsx
@@ -120,7 +120,7 @@ const CountryList: FC<CountryListProps> = ({
                 [styles.CardSelected]: isSelected,
               })}
             >
-              <FlagImage countryCode={c.id} size={18} />
+              <FlagImage countryCode={c.id} countryName={c.name} size={18} />
               <span className={styles.CardName}>{c.name}</span>
               <span className={styles.CardConfidence}>
                 {Math.round(c.confidence * 100)}%

diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/CountryMap/CountryMap.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/CountryMap/CountryMap.tsx
@@ -434,7 +434,11 @@ const CountryMap: FC<CountryMapProps> = ({
           }}
         >
           <div className={styles.TooltipHead}>
-            <FlagImage countryCode={hoveredData.id} size={16} />
+            <FlagImage
+              countryCode={hoveredData.id}
+              countryName={hoveredData.name}
+              size={16}
+            />
             <span className={styles.TooltipName}>{hoveredData.name}</span>
           </div>
           <div className={styles.TooltipMeta}>

diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/FlagImage/FlagImage.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/FlagImage/FlagImage.tsx
@@ -5,6 +5,7 @@ import styles from './FlagImage.module.scss';
 
 interface FlagImageProps {
   countryCode: string;
+  countryName?: string;
   size?: number;
   className?: string;
 }
@@ -20,6 +21,7 @@ const codeToEmoji = (code: string): string => {
 
 const FlagImage: FC<FlagImageProps> = ({
   countryCode,
+  countryName,
   size = 20,
   className = '',
 }) => {
@@ -58,7 +60,7 @@ const FlagImage: FC<FlagImageProps> = ({
       srcSet={`https://flagcdn.com/w${cdnW2x}/${code}.png 2x`}
       width={w}
       height={size}
-      alt=""
+      alt={`Flag of ${countryName || countryCode.toUpperCase()}`}
       className={cn(styles.Flag, className)}
       style={{ width: w, height: size }}
       loading="lazy"