web: fix dupe year in event calendar view

web/src/components/events/EventContainer.tsx

@@ -304,14 +304,14 @@ const CalendarWeek = ({
   );
 };
 
-function maybeYear(yearMonthString: string) {
+function srOnlyYear(yearMonthString: string) {
+  // formatYearMonth only shows the year for non-current years; always expose it to screen readers
   const yearMonth = new Date(yearMonthString);
-  const now = new Date();
+  const isCurrentYear = yearMonth.getFullYear() === new Date().getFullYear();
-  const isCurrentYear = yearMonth.getFullYear() == now.getFullYear();
+  if (!isCurrentYear) {
-  if (isCurrentYear) {
+    return null;
-    return <span className="sr-only"> {yearMonth.getFullYear()}</span>;
   }
-  return ` ${yearMonth.getFullYear()}`;
+  return <span className="sr-only"> {yearMonth.getFullYear()}</span>;
 }
 
 const EventCalendar = ({ events }: { events: EventOverviewItemFragment[] }) => {
@@ -354,7 +354,7 @@ const EventCalendar = ({ events }: { events: EventOverviewItemFragment[] }) => {
             >
               <h2 onClick={() => toggleYearMonth(yearMonth)}>
                 {formatYearMonth(yearMonth)}
-                {maybeYear(yearMonth)}{" "}
+                {srOnlyYear(yearMonth)}{" "}
                 <span className={styles.eventCounter}>({eventCount})</span>
               </h2>
               {eventCount === 0 && (