diff --git a/src/components/Button.vue b/src/components/Button.vue
index dcff23193..956d9d8ba 100644
--- a/src/components/Button.vue
+++ b/src/components/Button.vue
@@ -4,6 +4,9 @@
 		v-cdstip="tooltipDisabled"
 		class="button__container"
 		:class="computedStyle"
+		:disabled="disabled"
+		:aria-busy="loading"
+		:aria-label="ariaLabel"
 		@click.stop="clickHandler"
 	>
 		<CdsSpinner
@@ -11,10 +14,12 @@
 			variant="white"
 			size="sm"
 			class="button__prepend"
+			aria-hidden="true"
 		/>
 		<div
-			v-if="hasSlot($slots, 'prepend') && !loading"
+			v-if="hasSlot(slots, 'prepend') && !loading"
 			class="button__prepend"
+			aria-hidden="true"
 		>
 			<!-- @slot Slot para exibir prepend do botão. -->
 			<slot name="prepend" />
@@ -24,8 +29,9 @@
 			{{ text }}
 		</slot>
 		<div
-			v-if="hasSlot($slots, 'append')"
+			v-if="hasSlot(slots, 'append')"
 			class="button__append"
+			aria-hidden="true"
 		>
 			<!-- @slot Slot para exibir append do botão. -->
 			<slot name="append" />
@@ -33,169 +39,169 @@
 	</button>
 </template>
 
-<script>
+<script setup>
+import { computed, useSlots } from 'vue';
 import CdsSpinner from '../components/Spinner.vue';
 import Cdstip from '../utils/directives/cdstip';
 import hasSlot from '../utils/methods/hasSlot';
+import { useAriaLabel } from '../utils/composables/useAriaLabel';
 
-export default {
+defineOptions({
 	name: 'CdsButton',
 	directives: {
 		cdstip: Cdstip,
 	},
-
-	components: {
-		CdsSpinner,
+});
+
+/**
+* A variante de cor. São 10 variantes:
+* @values green, teal, blue, indigo, violet, pink, red, orange, amber, dark
+*/
+const props = defineProps({
+	variant: {
+		type: String,
+		default: 'green',
 	},
-
-	props: {
-		/**
-		* A variante de cor. São 10 variantes:
-		* @values green, teal, blue, indigo, violet, pink, red, orange, amber, dark
-		*/
-		variant: {
-			type: String,
-			default: 'green',
-		},
-		/**
-		* Especifica o tamanho do botão. São 3 tamanhos implementados:
-		* @values 'sm', 'md', 'lg'
-		*/
-		size: {
-			type: String,
-			default: 'md',
-		},
-		/**
-		* Quando true, torna a largura do botão fluida
-		*/
-		block: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		* Especifica o texto a ser apresentado no corpo do botão.
-		* Este texto será exibido apenas se o slot default não for utilizado.
-		*/
-		text: {
-			type: String,
-			default: 'Click here',
-		},
-		/**
-		 * Controla a disponibilidade do Botão.
-		 */
-		disabled: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * Texto a ser exibido como tooltip com o hover do botão quando a prop disabled estiver ativa.
-		 */
-		tooltipText: {
-			type: String,
-			default: null,
-		},
-		/**
-		 * Especifica se a versão do Botão é a secundária.
-		 */
-		secondary: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * Especifica se a versão do Botão é a secundária.
-		 */
-		loading: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		* Especifica se o componente deve ser exibido na sua versão ghost.
-		*/
-		ghost: {
-			type: Boolean,
-			default: false,
-		},
+	/**
+	* Especifica o tamanho do botão. São 3 tamanhos implementados:
+	* @values 'sm', 'md', 'lg'
+	*/
+	size: {
+		type: String,
+		default: 'md',
 	},
-
-	data() {
-		return {
-			predefinedColors: [
-				'green',
-				'teal',
-				'turquoise',
-				'blue',
-				'indigo',
-				'violet',
-				'pink',
-				'red',
-				'orange',
-				'amber',
-				'dark',
-			],
-			predefinedSizes: [
-				'sm',
-				'md',
-				'lg',
-			],
-		};
+	/**
+	* Quando true, torna a largura do botão fluida
+	*/
+	block: {
+		type: Boolean,
+		default: false,
 	},
+	/**
+	* Especifica o texto a ser apresentado no corpo do botão.
+	* Este texto será exibido apenas se o slot default não for utilizado.
+	*/
+	text: {
+		type: String,
+		default: 'Click here',
+	},
+	/**
+	 * Controla a disponibilidade do Botão.
+	 */
+	disabled: {
+		type: Boolean,
+		default: false,
+	},
+	/**
+	 * Texto a ser exibido como tooltip com o hover do botão quando a prop disabled estiver ativa.
+	 */
+	tooltipText: {
+		type: String,
+		default: null,
+	},
+	/**
+	 * Especifica se a versão do Botão é a secundária.
+	 */
+	secondary: {
+		type: Boolean,
+		default: false,
+	},
+	/**
+	 * Especifica se a versão do Botão é a secundária.
+	 */
+	loading: {
+		type: Boolean,
+		default: false,
+	},
+	/**
+	* Especifica se o componente deve ser exibido na sua versão ghost.
+	*/
+	ghost: {
+		type: Boolean,
+		default: false,
+	},
+});
+
+/**
+* Evento que indica que o Botão foi clicado
+* @event button-click
+* @type {Event}
+*/
+const emit = defineEmits(['button-click']);
+
+const slots = useSlots();
+
+const predefinedColors = [
+	'green',
+	'teal',
+	'turquoise',
+	'blue',
+	'indigo',
+	'violet',
+	'pink',
+	'red',
+	'orange',
+	'amber',
+	'dark',
+];
+
+const predefinedSizes = [
+	'sm',
+	'md',
+	'lg',
+];
+
+const widthResolver = computed(() => {
+	return props.block ? '100%' : 'max-content';
+});
+
+const tooltipDisabled = computed(() => {
+	return props.disabled && props.tooltipText !== '' ? props.tooltipText : null;
+});
+
+const predefinedColor = computed(() => {
+	if (props.ghost) {
+		return 'button--ghost';
+	}
 
-	computed: {
-		widthResolver() {
-			return this.block ? '100%' : 'max-content';
-		},
-
-		tooltipDisabled() {
-			return this.disabled && this.tooltipText !== '' ? this.tooltipText : null;
-		},
-
-		predefinedColor() {
-			if (this.ghost) {
-				return 'button--ghost';
-			}
-
-			if (this.secondary) {
-				return 'button--secondary';
-			}
-
-			if (this.predefinedColors.indexOf(this.variant) > -1) {
-				return `button--${this.variant}`;
-			}
+	if (props.secondary) {
+		return 'button--secondary';
+	}
 
-			return 'button--green';
-		},
+	if (predefinedColors.indexOf(props.variant) > -1) {
+		return `button--${props.variant}`;
+	}
 
-		predefinedSize() {
-			if (this.predefinedSizes.indexOf(this.size) > -1) {
-				return `button-size--${this.size}`;
-			}
-			return 'button-size--md';
-		},
+	return 'button--green';
+});
 
-		computedStyle() {
-			const disabled = this.disabled ? '--disabled' : '--active';
+const predefinedSize = computed(() => {
+	if (predefinedSizes.indexOf(props.size) > -1) {
+		return `button-size--${props.size}`;
+	}
+	return 'button-size--md';
+});
 
-			return `${this.predefinedColor}${disabled} ${this.predefinedSize}`;
-		},
-	},
+const computedStyle = computed(() => {
+	const disabled = props.disabled ? '--disabled' : '--active';
 
-	methods: {
-		hasSlot,
+	return `${predefinedColor.value}${disabled} ${predefinedSize.value}`;
+});
 
-		clickHandler() {
-			if (this.disabled) {
-				return;
-			}
-			/**
-			* Evento que indica que o Botão foi clicado
-			* @event button-click
-			* @type {Event}
-			*/
-			this.$emit('button-click', true);
-		},
-	},
+const clickHandler = () => {
+	if (props.disabled) {
+		return;
+	}
+	emit('button-click', true);
 };
+
+const ariaLabel = useAriaLabel({
+	text: props.text,
+	loading: computed(() => props.loading),
+	disabled: computed(() => props.disabled),
+});
 </script>
+
 <style lang="scss" scoped>
 @use 'sass:color';
 @use '../assets/sass/tokens/index' as tokens;
@@ -223,7 +229,7 @@ export default {
 		}
 
 		&--disabled {
-			cursor: default !important;
+			cursor: not-allowed !important;
 			background-color: tokens.$n-10;
 			color: tokens.$n-300;
 			border: 1px solid tokens.$n-30 !important;
@@ -251,7 +257,7 @@ export default {
 		}
 
 		&--disabled {
-			cursor: default !important;
+			cursor: not-allowed !important;
 			background: none;
 			color: tokens.$n-300;
 		}
@@ -358,7 +364,7 @@ export default {
 			}
 
 			&--disabled {
-				cursor: default;
+				cursor: not-allowed;
 			}
 		}
 
diff --git a/src/components/Checkbox.vue b/src/components/Checkbox.vue
index 44e330388..363cbfce5 100644
--- a/src/components/Checkbox.vue
+++ b/src/components/Checkbox.vue
@@ -11,13 +11,21 @@
 				:value="modelValue"
 				type="checkbox"
 				:name="$attrs.name || 'cds-checkbox-option'"
-				:disabled="disabled"
+				:aria-hidden="disabled ? 'true' : 'false'"
+				:checked="isChecked"
+				:aria-label="label"
+				:aria-checked="isIndeterminate ? 'mixed' : isChecked"
+				:tabindex="disabled ? -1 : 0"
+				@change="handleChange"
+				@click="handleInputClick"
+				@keydown.space.prevent="handleKeyboardToggle"
 			>
 
 			<label
 				:for="$attrs.id || 'cds-checkbox-option-input'"
 				:class="resolveCheckboxClass"
-				@click="toggleValue"
+				aria-hidden="true"
+				@click.prevent="toggleValue"
 			/>
 		</div>
 
@@ -28,7 +36,8 @@
 				'cds-checkbox__label--prominent': prominent && modelValue,
 			}"
 			:for="$attrs.id || 'cds-checkbox-option-input'"
-			@click="toggleValue"
+			aria-hidden="true"
+			@click.prevent="toggleValue"
 		>
 			{{ label }}
 		</label>
@@ -113,7 +122,7 @@ export default {
 				if (newValue === oldValue) {
 					return;
 				}
-				
+
 				this.isChecked = this.modelValue;
 			},
 			immediate: true,
@@ -124,16 +133,56 @@ export default {
 				if (newValue === oldValue) {
 					return;
 				}
-				
+
 				this.isIndeterminate = this.indeterminate;
 			},
 			immediate: true,
 		},
+		isChecked: {
+			handler(newValue) {
+				const input = this.$el?.querySelector('input[type="checkbox"]');
+				if (input && input.checked !== newValue) {
+					input.checked = newValue;
+				}
+			},
+		},
 	},
 
 	methods: {
-		toggleValue() {
-			if (this.disabled) return;
+		handleChange(event) {
+			if (this.disabled) {
+				event.preventDefault();
+				const input = event.target;
+				input.checked = this.isChecked;
+				return;
+			}
+
+			this.isChecked = event.target.checked;
+			this.isIndeterminate = false;
+			this.$emit('update:modelValue', this.isChecked);
+			this.$emit('update:indeterminate', false);
+		},
+
+		handleKeyboardToggle(event) {
+			if (this.disabled) {
+				event.preventDefault();
+				return;
+			}
+		},
+
+		handleInputClick(event) {
+			if (this.disabled) {
+				event.preventDefault();
+				const input = event.target;
+				input.checked = this.isChecked;
+			}
+		},
+
+		toggleValue(event) {
+			if (this.disabled) {
+				event?.preventDefault();
+				return;
+			}
 			this.isChecked = this.isIndeterminate ? false : !this.isChecked;
 			this.isIndeterminate = false;
 			/**
@@ -162,7 +211,7 @@ export default {
 	gap: tokens.spacer(2);
 
 	input[type=checkbox] {
-		visibility: hidden;
+		clip: rect(0, 0, 0, 0);
 		margin-top: tokens.spacer(n8);
 		position: absolute;
 	}
@@ -221,13 +270,13 @@ export default {
 		&--disabled {
 			background-color: tokens.$n-100 !important;
 			border: none !important;
-			cursor: default !important;
+			cursor: not-allowed !important;
 		}
 
 		&--disabled:not(.cds-checkbox__input--checked) {
 			background-color: tokens.$n-20 !important;
 			border: 1px solid tokens.$n-200 !important;
-			cursor: default !important;
+			cursor: not-allowed !important;
 		}
 
 		&--unchecked {
@@ -245,7 +294,7 @@ export default {
 		&--disabled {
 			@extend .cds-checkbox__label;
 			color: tokens.$n-400;
-			cursor: default !important;
+			cursor: not-allowed !important;
 		}
 
 		&--prominent {
diff --git a/src/tests/Checkbox.spec.ts b/src/tests/Checkbox.spec.ts
index a50df0175..0ba9dc977 100644
--- a/src/tests/Checkbox.spec.ts
+++ b/src/tests/Checkbox.spec.ts
@@ -1,7 +1,7 @@
 import { describe, test, expect } from 'vitest';
 import Checkbox from '../components/Checkbox.vue';
 import { mount } from '@vue/test-utils';
-  
+
 describe('Checkbox', () => {
 	test('renders correctly', async () => {
 		const wrapper = mount(Checkbox, {
@@ -10,7 +10,137 @@ describe('Checkbox', () => {
 				label: 'checkbox test'
 			},
 		});
-  
+
 		expect(wrapper.html()).toMatchSnapshot();
 	});
-});
+
+	describe('Disabled state with keyboard interaction', () => {
+		test('should not change state when disabled and Space is pressed', async () => {
+			const wrapper = mount(Checkbox, {
+				props: {
+					modelValue: false,
+					label: 'checkbox test',
+					disabled: true,
+				},
+			});
+
+			const input = wrapper.find('input[type="checkbox"]');
+			const initialState = wrapper.vm.isChecked;
+
+			// Simula pressionar Space - o navegador tenta alterar o estado
+			input.element.checked = !input.element.checked;
+			await input.trigger('change');
+			await wrapper.vm.$nextTick();
+
+			expect(wrapper.vm.isChecked).toBe(initialState);
+			expect(input.element.checked).toBe(initialState);
+		});
+
+		test('should not emit update:modelValue when disabled and Space is pressed', async () => {
+			const wrapper = mount(Checkbox, {
+				props: {
+					modelValue: false,
+					label: 'checkbox test',
+					disabled: true,
+				},
+			});
+
+			const input = wrapper.find('input[type="checkbox"]');
+
+			// Simula pressionar Space - o navegador tenta alterar o estado
+			input.element.checked = !input.element.checked;
+			await input.trigger('change');
+			await wrapper.vm.$nextTick();
+
+			expect(wrapper.emitted('update:modelValue')).toBeUndefined();
+		});
+
+		test('should not change state when disabled and clicked', async () => {
+			const wrapper = mount(Checkbox, {
+				props: {
+					modelValue: false,
+					label: 'checkbox test',
+					disabled: true,
+				},
+			});
+
+			const input = wrapper.find('input[type="checkbox"]');
+			const initialState = wrapper.vm.isChecked;
+
+			// Simula clique no input - o navegador tenta alterar o estado
+			input.element.checked = !input.element.checked;
+			await input.trigger('click');
+			await input.trigger('change');
+			await wrapper.vm.$nextTick();
+
+			expect(wrapper.vm.isChecked).toBe(initialState);
+			expect(input.element.checked).toBe(initialState);
+		});
+
+		test('should change state when enabled and Space is pressed', async () => {
+			const wrapper = mount(Checkbox, {
+				props: {
+					modelValue: false,
+					label: 'checkbox test',
+					disabled: false,
+				},
+			});
+
+			const input = wrapper.find('input[type="checkbox"]');
+
+			// Simula pressionar Space - o navegador altera o estado
+			input.element.checked = true;
+			await input.trigger('change');
+			await wrapper.vm.$nextTick();
+
+			expect(wrapper.vm.isChecked).toBe(true);
+			expect(input.element.checked).toBe(true);
+		});
+
+		test('should change state when enabled and clicked', async () => {
+			const wrapper = mount(Checkbox, {
+				props: {
+					modelValue: false,
+					label: 'checkbox test',
+					disabled: false,
+				},
+			});
+
+			const input = wrapper.find('input[type="checkbox"]');
+
+			// Simula clique no input
+			await input.trigger('click');
+			await input.trigger('change');
+			await wrapper.vm.$nextTick();
+
+			expect(wrapper.vm.isChecked).toBe(true);
+			expect(input.element.checked).toBe(true);
+		});
+
+		test('should have tabindex -1 when disabled', async () => {
+			const wrapper = mount(Checkbox, {
+				props: {
+					modelValue: false,
+					label: 'checkbox test',
+					disabled: true,
+				},
+			});
+
+			const input = wrapper.find('input[type="checkbox"]');
+			expect(input.attributes('tabindex')).toBe('-1');
+		});
+
+		test('should have tabindex 0 when enabled', async () => {
+			const wrapper = mount(Checkbox, {
+				props: {
+					modelValue: false,
+					label: 'checkbox test',
+					disabled: false,
+				},
+			});
+
+			const input = wrapper.find('input[type="checkbox"]');
+			expect(input.attributes('tabindex')).toBe('0');
+		});
+	});
+});
\ No newline at end of file
diff --git a/src/tests/__snapshots__/Button.spec.ts.snap b/src/tests/__snapshots__/Button.spec.ts.snap
index b2733957e..9e29a7809 100644
--- a/src/tests/__snapshots__/Button.spec.ts.snap
+++ b/src/tests/__snapshots__/Button.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Button > renders correctly 1`] = `
-"<button data-v-3c9d0845="" class="button__container button--green--active button-size--md">
+"<button data-v-3c9d0845="" class="button__container button--green--active button-size--md" aria-busy="false" aria-label="Button">
   <!--v-if-->
   <!--v-if-->
   <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Botão
diff --git a/src/tests/__snapshots__/CalloutCard.spec.ts.snap b/src/tests/__snapshots__/CalloutCard.spec.ts.snap
index 5e4fd69ce..a17a9d625 100644
--- a/src/tests/__snapshots__/CalloutCard.spec.ts.snap
+++ b/src/tests/__snapshots__/CalloutCard.spec.ts.snap
@@ -8,7 +8,7 @@ exports[`CalloutCard > renders correctly 1`] = `
 							Evento que indica que o Botão foi clicado
 							@event action-button-click
 							@type {Event}
-						--><button data-v-3c9d0845="" class="button__container button--green--active button-size--md" id="content-button">
+						--><button data-v-3c9d0845="" class="button__container button--green--active button-size--md" aria-busy="false" aria-label="Ok" id="content-button">
     <!--v-if-->
     <!--v-if-->
     <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Ok
diff --git a/src/tests/__snapshots__/CarouselController.spec.ts.snap b/src/tests/__snapshots__/CarouselController.spec.ts.snap
index 06fab9723..709b00551 100644
--- a/src/tests/__snapshots__/CarouselController.spec.ts.snap
+++ b/src/tests/__snapshots__/CarouselController.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Button > renders correctly 1`] = `
-"<button data-v-3c9d0845="" class="button__container button--green--active button-size--md" total="12" perpage="4" propertyname="Métricas">
+"<button data-v-3c9d0845="" class="button__container button--green--active button-size--md" aria-busy="false" aria-label="Click here" total="12" perpage="4" propertyname="Métricas">
   <!--v-if-->
   <!--v-if-->
   <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Click here
diff --git a/src/tests/__snapshots__/Checkbox.spec.ts.snap b/src/tests/__snapshots__/Checkbox.spec.ts.snap
index 5be716bcb..9157e5d32 100644
--- a/src/tests/__snapshots__/Checkbox.spec.ts.snap
+++ b/src/tests/__snapshots__/Checkbox.spec.ts.snap
@@ -2,6 +2,6 @@
 
 exports[`Checkbox > renders correctly 1`] = `
 "<div data-v-75623c80="" class="cds-checkbox__container">
-  <div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="cds-checkbox-option-input" type="checkbox" name="cds-checkbox-option" value="false"><label data-v-75623c80="" for="cds-checkbox-option-input" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="cds-checkbox-option-input">checkbox test</label>
+  <div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="cds-checkbox-option-input" type="checkbox" name="cds-checkbox-option" aria-hidden="false" aria-label="checkbox test" aria-checked="false" tabindex="0" value="false"><label data-v-75623c80="" for="cds-checkbox-option-input" class="cds-checkbox__input--green cds-checkbox__input--unchecked" aria-hidden="true"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="cds-checkbox-option-input" aria-hidden="true">checkbox test</label>
 </div>"
 `;
diff --git a/src/tests/__snapshots__/EmptyState.spec.ts.snap b/src/tests/__snapshots__/EmptyState.spec.ts.snap
index d67cc4ea5..f221ab1c8 100644
--- a/src/tests/__snapshots__/EmptyState.spec.ts.snap
+++ b/src/tests/__snapshots__/EmptyState.spec.ts.snap
@@ -13,7 +13,7 @@ exports[`EmptyState > renders correctly 1`] = `
 			Evento emitido quando o botão do Empty State é clicado
 			@event action-button-click
 			@type {Event}
-		--><button data-v-3c9d0845="" data-v-f262d0f3="" class="button__container button--green--active button-size--md empty-state__button">
+		--><button data-v-3c9d0845="" data-v-f262d0f3="" class="button__container button--green--active button-size--md empty-state__button" aria-busy="false" aria-label="Finalizar">
     <!--v-if-->
     <!--v-if-->
     <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Finalizar
diff --git a/src/tests/__snapshots__/MultiFileInput.spec.ts.snap b/src/tests/__snapshots__/MultiFileInput.spec.ts.snap
index 72b739ac6..e36d97b9d 100644
--- a/src/tests/__snapshots__/MultiFileInput.spec.ts.snap
+++ b/src/tests/__snapshots__/MultiFileInput.spec.ts.snap
@@ -73,7 +73,7 @@ exports[`MultiFileInput snapshot test > renders correctly 1`] = `
       </div>
     </div>
     <div data-v-96e95147="" class="multi-file-input__empty-state"> Os arquivos adicionados serão exibidos aqui </div>
-    <div data-v-96e95147="" class="multi-file-input__footer"><button data-v-3c9d0845="" data-v-96e95147="" class="button__container button--green--disabled button-size--md">
+    <div data-v-96e95147="" class="multi-file-input__footer"><button data-v-3c9d0845="" data-v-96e95147="" class="button__container button--green--disabled button-size--md" disabled="" aria-busy="false" aria-label="Click here, desabilitado">
         <!--v-if-->
         <!--v-if-->
         <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Enviar
diff --git a/src/tests/__snapshots__/Wizard.spec.ts.snap b/src/tests/__snapshots__/Wizard.spec.ts.snap
index 032e477d9..1484510fe 100644
--- a/src/tests/__snapshots__/Wizard.spec.ts.snap
+++ b/src/tests/__snapshots__/Wizard.spec.ts.snap
@@ -21,12 +21,12 @@ exports[`Wizard > renders correctly 1`] = `
       </div>
     </div>
   </div>
-  <div data-v-61a7952a="" class="cds-wizard__buttons"><button data-v-3c9d0845="" data-v-61a7952a="" class="button__container button--secondary--active button-size--md">
+  <div data-v-61a7952a="" class="cds-wizard__buttons"><button data-v-3c9d0845="" data-v-61a7952a="" class="button__container button--secondary--active button-size--md" aria-busy="false" aria-label="Anterior">
       <!--v-if-->
       <!--v-if-->
       <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Anterior
       <!--v-if-->
-    </button><button data-v-3c9d0845="" data-v-61a7952a="" class="button__container button--green--active button-size--md">
+    </button><button data-v-3c9d0845="" data-v-61a7952a="" class="button__container button--green--active button-size--md" aria-busy="false" aria-label="Próximo">
       <!--v-if-->
       <!--v-if-->
       <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Próximo
diff --git a/src/utils/composables/useAriaLabel.ts b/src/utils/composables/useAriaLabel.ts
new file mode 100644
index 000000000..70783469a
--- /dev/null
+++ b/src/utils/composables/useAriaLabel.ts
@@ -0,0 +1,53 @@
+import { computed, type Ref, type ComputedRef } from 'vue';
+
+interface AriaLabelArgs {
+	text: Ref<string> | string;
+	loading: Ref<boolean> | boolean;
+	disabled: Ref<boolean> | boolean;
+	loadingText?: string;
+	disabledText?: string;
+}
+
+/**
+ * Composable genérico para gerar aria-label acessível
+ * Funciona com qualquer componente que necessite de labels acessíveis
+ *
+ * @param args - Objeto contendo todos os parâmetros
+ * @param args.text - Texto principal do componente
+ * @param args.loading - Indica se o componente está em estado de carregamento
+ * @param args.disabled - Indica se o componente está desabilitado
+ * @param args.loadingText - Texto customizável para estado de carregamento
+ * @param args.disabledText - Texto customizável para estado desabilitado
+ * @returns aria-label reativo
+ */
+export function useAriaLabel(args: AriaLabelArgs): ComputedRef<string> {
+	const {
+		text,
+		loading,
+		disabled,
+		loadingText = 'carregando',
+		disabledText = 'desabilitado',
+	} = args;
+
+	return computed(() => {
+		const baseText = typeof text === 'object' && text.value !== undefined ? text.value : text;
+		const isLoading = typeof loading === 'object' && loading.value !== undefined ? loading.value : loading;
+		const isDisabled = typeof disabled === 'object' && disabled.value !== undefined ? disabled.value : disabled;
+
+		if (!baseText) {
+			return '';
+		}
+
+		const parts: any[] = [baseText];
+
+		if (isLoading) {
+			parts.push(loadingText);
+		}
+
+		if (isDisabled) {
+			parts.push(disabledText);
+		}
+
+		return parts.join(', ');
+	});
+}
\ No newline at end of file