VilledeMontreal · MaudeLaflamme · Apr 20, 2026 · Apr 17, 2026
diff --git a/projects/angular-ui/src/lib/alert/alert.component.spec.ts b/projects/angular-ui/src/lib/alert/alert.component.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/alert/alert.component.ts b/projects/angular-ui/src/lib/alert/alert.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/alert/index.ts b/projects/angular-ui/src/lib/alert/index.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/alert/module.ts b/projects/angular-ui/src/lib/alert/module.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/avatar/avatar.component.spec.ts b/projects/angular-ui/src/lib/avatar/avatar.component.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */
@@ -64,7 +64,7 @@
          TestAvatarTextHostComponent
        ]
      });
      return TestBed.compileComponents();
    });

    beforeEach(() => {

diff --git a/projects/angular-ui/src/lib/avatar/avatar.component.ts b/projects/angular-ui/src/lib/avatar/avatar.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/avatar/index.ts b/projects/angular-ui/src/lib/avatar/index.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/avatar/module.ts b/projects/angular-ui/src/lib/avatar/module.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/avatar/tests/avatar.hostcomponent.spec.ts b/projects/angular-ui/src/lib/avatar/tests/avatar.hostcomponent.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/badge/badge.component.spec.ts b/projects/angular-ui/src/lib/badge/badge.component.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/badge/badge.component.ts b/projects/angular-ui/src/lib/badge/badge.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/badge/index.ts b/projects/angular-ui/src/lib/badge/index.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/badge/module.ts b/projects/angular-ui/src/lib/badge/module.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/bao.module.ts b/projects/angular-ui/src/lib/bao.module.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/breadcrumb/breadcrumb.component.spec.ts b/projects/angular-ui/src/lib/breadcrumb/breadcrumb.component.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */
@@ -19,7 +19,7 @@
        declarations: [BaoBreadcrumbComponent, TestBreadcrumbHostComponent]
      });

      return TestBed.compileComponents();
    }));

    beforeEach(() => {

diff --git a/projects/angular-ui/src/lib/breadcrumb/breadcrumb.component.ts b/projects/angular-ui/src/lib/breadcrumb/breadcrumb.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/breadcrumb/index.ts b/projects/angular-ui/src/lib/breadcrumb/index.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/breadcrumb/module.ts b/projects/angular-ui/src/lib/breadcrumb/module.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/breadcrumb/tests/breadcrumb.hostcomponent.spec.ts b/projects/angular-ui/src/lib/breadcrumb/tests/breadcrumb.hostcomponent.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/button/button.component.spec.ts b/projects/angular-ui/src/lib/button/button.component.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */
@@ -28,7 +28,7 @@
        ]
      });

      return TestBed.compileComponents();
    }));

    beforeEach(() => {
@@ -283,7 +283,7 @@
        ]
      });

      return TestBed.compileComponents();
    }));

    beforeEach(() => {

diff --git a/projects/angular-ui/src/lib/button/button.component.ts b/projects/angular-ui/src/lib/button/button.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/button/index.ts b/projects/angular-ui/src/lib/button/index.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/button/module.ts b/projects/angular-ui/src/lib/button/module.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/button/tests/button.hostcomponent.spec.ts b/projects/angular-ui/src/lib/button/tests/button.hostcomponent.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/card/card.component.ts b/projects/angular-ui/src/lib/card/card.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/card/index.ts b/projects/angular-ui/src/lib/card/index.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/card/module.ts b/projects/angular-ui/src/lib/card/module.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/checkbox/checkbox-group.component.ts b/projects/angular-ui/src/lib/checkbox/checkbox-group.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/checkbox/checkbox.component.ts b/projects/angular-ui/src/lib/checkbox/checkbox.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/checkbox/index.ts b/projects/angular-ui/src/lib/checkbox/index.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/checkbox/module.ts b/projects/angular-ui/src/lib/checkbox/module.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/common-components/error-text/errorText.component.ts b/projects/angular-ui/src/lib/common-components/error-text/errorText.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/common-components/guiding-text/guidingText.component.ts b/projects/angular-ui/src/lib/common-components/guiding-text/guidingText.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/common-components/index.ts b/projects/angular-ui/src/lib/common-components/index.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/common-components/label-text/labelText.component.ts b/projects/angular-ui/src/lib/common-components/label-text/labelText.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/common-components/module.ts b/projects/angular-ui/src/lib/common-components/module.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/common-components/title-text/titleText.component.ts b/projects/angular-ui/src/lib/common-components/title-text/titleText.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/core/breakpoints.ts b/projects/angular-ui/src/lib/core/breakpoints.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/core/colors.ts b/projects/angular-ui/src/lib/core/colors.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/core/index.ts b/projects/angular-ui/src/lib/core/index.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/dropdown-menu/dropdown-menu.component.spec.ts b/projects/angular-ui/src/lib/dropdown-menu/dropdown-menu.component.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/dropdown-menu/dropdown-menu.component.ts b/projects/angular-ui/src/lib/dropdown-menu/dropdown-menu.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/dropdown-menu/index.ts b/projects/angular-ui/src/lib/dropdown-menu/index.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/dropdown-menu/module.ts b/projects/angular-ui/src/lib/dropdown-menu/module.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/dropdown-menu/tests/dropdown-menu.hostcomponent.spec.ts b/projects/angular-ui/src/lib/dropdown-menu/tests/dropdown-menu.hostcomponent.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */

diff --git a/projects/angular-ui/src/lib/file/file-input.component.html b/projects/angular-ui/src/lib/file/file-input.component.html
@@ -1,4 +1,10 @@
-<label bao-label [required]="required" [for]="inputId">{{ label }}</label>
+<label
+  bao-label
+  [required]="required"
+  [for]="inputId"
+  [id]="inputId + '-label'"
+  >{{ label }}</label
+>
 <ng-content select="bao-guiding-text"></ng-content>
 <div
   baoFileDrop
@@ -8,20 +14,19 @@
 >
   <button
     bao-button
+    [id]="inputId + '-button'"
+    [attr.aria-labelledby]="inputId + '-label'"
     type="button"
     displayType="utility"
     level="secondary"
     [disabled]="disabled"
     (click)="uploader.click()"
-    aria-hidden="true"
-    tabIndex="-1"
   >
-    {{ intl.dropzoneButtonLabel }}
+    <span>{{ intl.dropzoneButtonLabel }}</span>
   </button>
   <input
     [id]="inputId"
     type="file"
-    class="sr-only"
     [disabled]="disabled"
     (change)="uploadFile($event.target.files[0])"
     #uploader

diff --git a/projects/angular-ui/src/lib/file/file-input.component.scss b/projects/angular-ui/src/lib/file/file-input.component.scss
@@ -38,6 +38,9 @@ bao-file-input {
     border-width: 1px;
     display: inline-flex;
     align-items: center;
+    > input {
+      display: none;
+    }
     &:focus-within.dropzone-focus {
       box-shadow: 0 0 0 0.1875rem $highlight-focus;
       background-color: $highlight-light;

diff --git a/projects/angular-ui/src/lib/file/file-input.component.spec.ts b/projects/angular-ui/src/lib/file/file-input.component.spec.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Ville de Montreal. All rights reserved.
+ * Copyright (c) 2026 Ville de Montreal. All rights reserved.
  * Licensed under the MIT license.
  * See LICENSE file in the project root for full license information.
  */
@@ -100,10 +100,15 @@ describe('BaoFileInputComponent', () => {
       expect(helperText.length).toBe(1);
       expect(dropZone.length).toBe(1);
       const innerHelperText = helperText[0].nativeNode.firstElementChild;
-      const inputElement = dropZone[0].nativeNode.children.item(1);
-      expect(inputElement.attributes['aria-describedby']).toBeDefined();
-      expect(inputElement.attributes['aria-describedby'].value).toBe(
-        innerHelperText.id
+      const buttonElement = dropZone[0].nativeNode.children.item(0);
+      const buttonSpan = buttonElement.firstElementChild;
+
+      expect(buttonElement.attributes['aria-describedby']).toBeDefined();
+      expect(buttonSpan.id).toBeDefined();
+      expect(innerHelperText.id).toBeDefined();
+
+      expect(buttonElement.attributes['aria-describedby'].value).toBe(
+        `${innerHelperText.id} ${buttonSpan.id}`
       );
     });
     it('should display text in french by default', () => {